# 36 free components. Build anything.

36 React components free under MIT: buttons, fields, menus, dialogs, tables, toasts and more. One command (or your coding agent) puts all of them in your…

1. **Add all 36 to your app.** One command installs their MIT source into `src/ui/beamline` (Beamline or shadcn). Your app needs Tailwind v4. With shadcn: `npx shadcn@latest add https://beamline.io/registry/free.json`. The Beamline command is on the live page: https://beamline.io/components/start
2. **Or hand it to your coding agent** with a prompt that installs them and tells it to build with them.
3. **Build your screen.** Import them from `src/ui/beamline` and compose. The code is yours.

## What you get free

- [Alert](https://beamline.io/components/alert)
- [Alert Dialog](https://beamline.io/components/alert-dialog)
- [Avatar](https://beamline.io/components/avatar)
- [Badge](https://beamline.io/components/badge)
- [Bottom sheet](https://beamline.io/components/bottom-sheet)
- [Button](https://beamline.io/components/button)
- [Checkbox](https://beamline.io/components/checkbox)
- [Chip group](https://beamline.io/components/chip-group)
- [Combobox](https://beamline.io/components/combobox)
- [Copy button](https://beamline.io/components/copy-button)
- [Credit](https://beamline.io/components/credit)
- [Dialog](https://beamline.io/components/dialog)
- [Dropdown menu](https://beamline.io/components/dropdown-menu)
- [Glow](https://beamline.io/components/glow)
- [Hold to confirm](https://beamline.io/components/hold-to-confirm)
- [Input](https://beamline.io/components/input)
- [Item](https://beamline.io/components/item)
- [Kbd](https://beamline.io/components/kbd)
- [Label](https://beamline.io/components/label)
- [Pagination](https://beamline.io/components/pagination)
- [Radio cards](https://beamline.io/components/radio-cards)
- [Search field](https://beamline.io/components/search-field)
- [Segmented control](https://beamline.io/components/segmented-control)
- [Select](https://beamline.io/components/select)
- [Settings](https://beamline.io/components/settings)
- [Slot text](https://beamline.io/components/slot-text)
- [Spinner](https://beamline.io/components/spinner)
- [Switch](https://beamline.io/components/switch)
- [Table](https://beamline.io/components/table)
- [Tabs](https://beamline.io/components/tabs)
- [Tag input](https://beamline.io/components/tag-input)
- [Text morph](https://beamline.io/components/text-morph)
- [Toast](https://beamline.io/components/toast)
- [Tooltip](https://beamline.io/components/tooltip)
- [UI root](https://beamline.io/components/ui-root)
- [Usage meter](https://beamline.io/components/usage-meter)

[The free sample on GitHub](https://github.com/dprvda/beamline)

Install the parts you need in your React app as compiled packages or editable source. [Get Beamline](https://beamline.io/checkout?pack=complete) for the complete system: $49 launch price, one payment, no subscription, lifetime updates, one licence for one person.

Part of [Beamline UI: polished, editable React components and complete screens for custom applications](https://beamline.io/). [Build your own style from any look; tokens, fonts, radii, motion; not only colours](https://beamline.io/docs/customize).