Trending Society

Accordion (Base UI) | UI components | Trending Society

More from @fluid, 56 components

All @fluid

Accordion component
@fluid
Collapsible accordion with animated height transitions, spring-animated chevron, and fluid hover in grouped mode. Built on Radix UI Accordion.
Layout9 registry deps · 3 packages
Ask User Questions component
@fluid
Stepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-select, inline 'other' text input, optional skip, fluid hover, and multi-question navigation. Auto-advances on selection in single-select.
Forms12 registry deps · 2 packages
Badge component
@fluid
Compact label with solid, dot, and ghost variants, Tailwind color palette, and three sizes.
Data display5 registry deps · 1 package
Banner component
@fluid
Status message built from parts (Banner, BannerTitle, BannerDescription, BannerActions, BannerAction): 5 statuses (filled glyphs for info, success, warning and error; the icon set's outline info icon for default), low or high contrast, primary, secondary and ghost actions (the library Button) that trail a one-line banner (primary at the edge) and drop under a description (primary first), a dismiss that collapses its height, and a fixed variant that sticks full-bleed to the top of the page.
Feedback8 registry deps · 1 package
Button (Base UI) component
@fluid
Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover. Base UI flavor.
Buttons and actions8 registry deps · 4 packages
Checkbox (Base UI) component
@fluid
A single checkbox: a hairline square that darkens on hover and a check that draws itself. Pairs with Field. Base UI flavor.
Forms5 registry deps · 2 packages
Checkbox Group (Base UI) component
@fluid
Animated checkbox group with fluid hover, contiguous selection merging, and spring-animated check marks. Base UI flavor.
Forms9 registry deps · 2 packages
Combobox component
@fluid
Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) selection: a text field that filters a list as you type, with keyboard highlight, fluid hover, spring-animated popover, animated checkmark, and clear/chevron controls. Optional create-from-query row (onCreate) and hideSelected for chips fields. Base UI flavor.
Forms15 registry deps · 4 packages
Date Picker component
@fluid
Field or ghost trigger for a date, a range, or a date and a time: a calendar popover that opens on the selected day, optional range presets, and editable time fields with slot lists that show each duration. Base UI flavor.
Forms15 registry deps · 3 packages
Dialog (Base UI) component
@fluid
Animated modal dialog with spring-based scale and opacity transitions in three widths (sm, lg, and an xl canvas for composed layouts such as a sidebar), plus a container prop to scope it to a region. Base UI flavor.
Overlays10 registry deps · 3 packages
Dropdown component
@fluid
Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select. Includes MenuItem, DropdownSearch (a search field inside the popup), submenus (DropdownSub) whose trigger row stays lit across the safe area, and multiple selection with merged backgrounds. Base UI flavor.
Overlays16 registry deps · 2 packages
Mobile Drawer component
@fluid
Slide-in navigation drawer with scrim, focus trap, and scroll lock. Base UI flavor.
Overlays5 registry deps · 2 packages

Accordion (Base UI)

Install

Live preview

Registry dependencies9

Accordion (Base UI)

Install

Live preview

Registry dependencies9

Packages3

More from @fluid, 56 components

The Signal

Install

Live preview

Registry dependencies9

Install

Live preview

Registry dependencies9

Packages3

More from @fluid56, 56 components

More from @fluid, 56 components