Composable UI Primitives.
Zero Runtime Dependencies.
60+ meticulously ported Flutter primitives with 8 style presets (Nova, Vega, Maia, Lyra, Mira, Luma, Sera, Rhea), light/dark modes, and Impeller 60fps performance.
Form Controls
14 calibrated Flutter primitives
Displays a button or a component that looks like a button with 8 sizing steps, soft destructive tint, and loading state indicators.
bloom ui add buttonA connected row of action buttons or toggle selectors with continuous border grouping.
bloom ui add button_groupDisplays a 32px height calibrated form input field or a component that looks like an input field.
bloom ui add inputCompose input fields with leading/trailing text addons, dropdown selects, and action buttons in a unified border container.
bloom ui add input_groupAccessible one-time password / PIN entry with discrete animated slot boxes and separator styling.
bloom ui add input_otpMulti-line expanded text input for paragraphs, descriptions, or code prompts.
bloom ui add textareaA 16x16px control that allows the user to toggle between checked, unchecked, and indeterminate states.
bloom ui add checkboxA set of 16px circular check buttons where only one button can be checked at a time.
bloom ui add radioA 32x18px control that allows the user to toggle between checked and unchecked states.
bloom ui add switchA 4px track slider with 12px white ring thumb for selecting values from a range.
bloom ui add sliderDisplays a 32px dropdown select picker matching shadcn base-nova styling.
bloom ui add selectSearchable autocomplete dropdown menu with multi-select tokenized chips support.
bloom ui add comboboxA date picker calendar component supporting single, range, and multiple date selections.
bloom ui add calendarA complete composable form field wrapper providing FieldLabel, FieldDescription, and FieldError slots.
bloom ui add fieldLayout & Structure
5 calibrated Flutter primitives
Displays a card with title, description, content, action header slots, and a shaded border-divided footer.
bloom ui add cardA vertically stacked set of interactive headings that each reveal a section of content.
bloom ui add accordionA set of layered sections of content—known as tab panels—that are displayed one at a time. Supports pill and line underline variants.
bloom ui add tabsUsed to show a placeholder while content is loading with a subtle pulse animation.
bloom ui add skeletonDisplays a 4px height linear progress bar indicating completion of an operation.
bloom ui add progressFeedback & Overlays
7 calibrated Flutter primitives
A modal window that appears in front of app content with shaded footer and compound title/description slots.
bloom ui add dialogA modal dialog that interrupts the user with important content and expects a response.
bloom ui add alert_dialogDisplays a callout for user attention with 10x8px padding and soft status tints.
bloom ui add alertExtends the Dialog component to display 4-directional slide-over drawers (left, right, top, bottom).
bloom ui add sheetA swipeable gesture bottom sheet with drag handle and spring snap points.
bloom ui add drawerAn opinionated toast notification system with success, error, warning, and loading status styles.
bloom ui add sonnerDisplays a menu to the user—such as a set of actions or functions—triggered by a button.
bloom ui add dropdown_menuData Display & AI
5 calibrated Flutter primitives
An image element with a fallback monogram for representing the user with 24/32/40px sizes and AvatarGroup.
bloom ui add avatarDisplays a 20px pill badge or interactive BloomChip with soft destructive and status tints.
bloom ui add badgeA 20px height sans-serif keyboard shortcut token matching shadcn base-nova specifications.
bloom ui add kbdA responsive data table container with 40px headers, cell alignment, and sortable columns.
bloom ui add tableA composable, collapsible navigation sidebar system matching shadcn base-nova with groups, headers, and footer slots.
bloom ui add sidebarCharts Suite
1 calibrated Flutter primitives
Composites & Shells
2 calibrated Flutter primitives
Fast, accessible command menu for searching actions, files, and navigation shortcuts.
bloom ui add command_paletteProduction responsive application frame combining top bar, collapsible sidebar, and responsive mobile nav.
bloom ui add app_shell