fluid-functionalism
fluidfunctionalism.comFree + paidmanifest served live
This registry publishes no description of itself. Everything below was read from its own manifest.
Items
53
2026-08-03Every entry in its own registry.json, counted last night.Free to install
43
2026-08-03Item endpoints that returned source without credentials.Behind a key
10
2026-08-03Item endpoints that answered 401.Last push
8 days ago
718 stars. Both figures are GitHub's about this repository, not ones this index measured.Components
Search withinFreeits item endpoint answered without a keyPaidits item endpoint answered 401Unverifiedit serves no item endpoint we could ask
| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Accordionaccordion | Collapsible accordion with animated height transitions, spring-animated chevron, and proximity hover in grouped mode. Built on Radix UI Accordion. | Components | Free | 3 deps | |
| Accordion (Base UI)accordion-base | Collapsible accordion with animated height transitions, spring-animated chevron, and proximity hover in grouped mode. Base UI flavor. | Components | Free | 3 deps | |
| Ask User Questionsask-user-questions | Stepped question flow with numbered options, keyboard shortcuts (1–9), single or multi-select, inline 'other' text input, optional skip, proximity-based hover, and multi-question navigation. Auto-advances on selection in single-select. | Components | Free | 2 deps | |
| Badgebadge | Compact label with solid and dot variants, Tailwind color palette, and three sizes. | Components | Free | 1 dep | |
| Buttonbutton | Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover. | Components | Free | 4 deps | |
| Button (Base UI)button-base | Animated button with variants (primary, secondary, tertiary, ghost), icon support, loading spinner, and fluid font-weight transitions on hover. Base UI flavor. | Components | Free | 4 deps | |
| Cardcard | shadcn's compositional card (Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter) with the Fluid Functionalism layer: transparent substrate, weight-animated title, media/logo/feature/image slots, and a CardGroup that owns stacked, inline, and grid layouts plus 2-D proximity-hover highlighting. | Components | Free | 1 dep | |
| Chat Messagechat-message | A single chat transcript entry with baked-in entrance and layout motion. Right-aligned accent bubble for the user, left-aligned muted bubble for the assistant, with optional file attachments. Adapts to the global shape setting. | Components | Free | 1 dep | |
| Checkbox Groupcheckbox-group | Animated checkbox group with proximity hover, contiguous selection merging, and spring-animated check marks. Built on Radix UI Checkbox. | Components | Free | 2 deps | |
| Checkbox Group (Base UI)checkbox-group-base | Animated checkbox group with proximity hover, contiguous selection merging, and spring-animated check marks. Base UI flavor. | Components | Free | 2 deps | |
| Color Pickercolor-picker | Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and a popover trigger. Built on Base UI's Popover, Menu, and NumberField primitives with native EyeDropper support. | Components | Paid | 2 deps | |
| Dialogdialog | Animated modal dialog with spring-based scale and opacity transitions. Built on Radix UI Dialog with overlay, header, footer, title, and description sub-components. | Components | Free | 3 deps | |
| Dialog (Base UI)dialog-base | Animated modal dialog with spring-based scale and opacity transitions. Base UI flavor. | Components | Free | 3 deps | |
| Dropdowndropdown | Dropdown menu with proximity hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select. Includes MenuItem. Radix flavor. | Components | Free | 2 deps · 2 files | |
| Dropdowndropdown-base | Dropdown menu with proximity hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select. Includes MenuItem. Base UI flavor. | Components | Free | 2 deps · 2 files | |
| File Thumbnailfile-thumbnail | Read-only square preview of a File. Images render via object-cover; PDFs render their first page via pdfjs; a spinner shows while either resolves. Adapts its corner radius to the global shape setting. | Components | Free | 1 dep | |
| Input Copyinput-copy | Read-only input with a copy-to-clipboard button and animated check feedback. Supports optional label and shape context. | Components | Free | 2 deps | |
| Input Groupinput-group | Grouped input fields with proximity-based highlighting, animated label transitions, optional icons, and error states. | Components | Free | 2 deps | |
| Input Messageinput-message | Chat-style message composer with auto-resizing textarea, drag-and-drop file attachments (PNG / JPEG / PDF), flexible left/right action slots, and a built-in send button on a Surface-2 substrate. | Components | Free | 1 dep | |
| Mobile Drawermobile-drawer | Slide-in navigation drawer with scrim, focus trap, and scroll lock. Radix flavor. | Components | Free | 2 deps | |
| Mobile Drawermobile-drawer-base | Slide-in navigation drawer with scrim, focus trap, and scroll lock. Base UI flavor. | Components | Free | 2 deps | |
| Radio Groupradio-group | Animated radio group with proximity hover, spring-animated selection dot, and optional Radix UI integration. Supports both controlled index and value-based APIs. | Components | Free | 2 deps | |
| Radio Group (Base UI)radio-group-base | Animated radio group with proximity hover, spring-animated selection dot. Base UI flavor. | Components | Free | 2 deps | |
| Scroll Areascroll-area | Scroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system. Falls back to native overflow scrolling on touch-primary devices. Built on Radix UI Scroll Area; adapted from Lina (https://lina.sameer.sh). | Components | Free | 1 dep | |
| Scroll Area (Base UI)scroll-area-base | Scroll container with a restyled overlay scrollbar that stays discoverable on hover and follows the shape system. Falls back to native overflow scrolling on touch-primary devices. Base UI flavor; adapted from Lina (https://lina.sameer.sh). | Components | Free | 1 dep | |
| Selectselect | Animated select menu with collision-aware positioning, typeahead, proximity hover, spring-animated popover, and animated checkmark. Radix flavor. | Components | Free | 4 deps | |
| Selectselect-base | Animated select menu with collision-aware positioning, typeahead, proximity hover, spring-animated popover, and animated checkmark. Base UI flavor. | Components | Free | 4 deps | |
| Sliderslider | Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Built on Radix UI Slider. | Components | Free | 2 deps | |
| Slider (Base UI)slider-base | Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Base UI flavor. | Components | Free | 2 deps | |
| Switchswitch | Animated toggle switch with spring-based thumb animation and fluid font-weight label transitions. Built on Radix UI Switch. | Components | Free | 2 deps | |
| Switch (Base UI)switch-base | Animated toggle switch with spring-based thumb animation and fluid font-weight label transitions. Base UI flavor. | Components | Free | 2 deps | |
| Tabletable | Animated table with proximity-based row hover highlighting and fluid border transitions. Includes TableHeader, TableBody, TableRow, TableHead, and TableCell sub-components. | Components | Free | 1 dep | |
| Tabstabs | Segmented control tabs with sliding active indicator, proximity hover, and spring animations. Built on Radix UI Tabs. | Components | Free | 3 deps | |
| Tabs (Base UI)tabs-base | Segmented control tabs with sliding active indicator, proximity hover, and spring animations. Base UI flavor. | Components | Free | 3 deps | |
| Tabs Subtletabs-subtle | Horizontal tab navigation with proximity hover, animated pill selection indicator, and fluid font-weight transitions. Radix flavor. | Components | Free | 3 deps | |
| Tabs Subtletabs-subtle-base | Horizontal tab navigation with proximity hover, animated pill selection indicator, and fluid font-weight transitions. Base UI flavor. | Components | Free | 3 deps | |
| Thinking Indicatorthinking-indicator | Animated loading indicator with morphing SVG path (circle to infinity loop) and shimmer text rotation. Cycles through customizable status words. | Components | Free | 1 dep | |
| Thinking Stepsthinking-steps | Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Radix flavor. | Components | Free | 3 deps | |
| Thinking Stepsthinking-steps-base | Collapsible AI reasoning steps with animated expand/collapse, per-step icons, sources, and nested details. Base UI flavor. | Components | Free | 3 deps | |
| Tooltiptooltip | Floating tooltip with spring-based animations, configurable placement, and rich content support. | Components | Free | 2 deps | |
| Tooltip (Base UI)tooltip-base | Floating tooltip with spring-based animations, configurable placement, and rich content support. Base UI flavor. | Components | Free | 2 deps |
Hooks
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| useMergeSplitBlocksuse-merge-split | React hook + renderer for the selected-background merge/split animation. When one row bridges or splits two contiguous selected runs, their inner edges glide together (or apart) and swap to a single block, instead of one block spring-growing over the union. | Hooks | Free | no deps | |
| useProximityHoveruse-proximity-hover | React hook for proximity-based hover detection. Tracks the closest item to the mouse cursor within a container, enabling smooth animated background indicators. | Hooks | Free | no deps | |
| useTouchPrimaryuse-touch-primary | Detects touch-primary devices (coarse pointer + touch points), updating live on pointer-mode and media-query changes. Adapted from Lina (https://lina.sameer.sh). | Hooks | Free | no deps |
Themes
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Surfacessurfaces | Eight-level surface and shadow ladder for elevation. Light: two color steps then flat white, differentiated by shadow. Dark: additive white-opacity ladder with layered inset highlights and drops. | Themes | Paid | no deps |
Utilities
Search within| Component | What the registry says it is | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| Elevatedelevated | Elevation primitive. Wraps the read-substrate / compute-level / apply-classes / re-provide-context pattern into one component. Pulls in the surface theme tokens, substrate context, and class lookup so a single install drops in the whole elevation system. | Utilities | Paid | no deps | |
| Font Weight Tokensfont-weight | Variable font weight tokens for Inter (normal, medium, semibold, bold) using font-variation-settings. | Utilities | Paid | no deps | |
| Icon Contexticon-context | Named icon slots with a Lucide default set; swap any icon via IconProvider. | Utilities | Paid | 1 dep | |
| Shape Contextshape-context | React context provider for runtime shape variant switching (pill or rounded). Controls border-radius across all Fluid Functionalism components. | Utilities | Paid | no deps | |
| Spring Animationssprings | Spring animation token presets for Framer Motion (fast, moderate, slow). | Utilities | Paid | no deps | |
| Surface Class Lookupsurface-classes | Static lookup tables for bg-surface-N and shadow-surface-N utilities. Required because Tailwind v4 cannot detect template-literal class names. | Utilities | Paid | no deps | |
| Surface Contextsurface-context | React context that tracks the current substrate elevation level. Elevated components (Dropdown, Select, etc.) read it via useSurface() and render at substrate + offset, then re-provide a new substrate so further nesting elevates further. | Utilities | Paid | no deps | |
| Utilitiesutils | Utility function for merging Tailwind CSS classes with clsx and tailwind-merge. | Utilities | Paid | 2 deps |
