Dev Design Library

Select

Animated select menu with collision-aware positioning, typeahead, fluid hover, spring-animated popover, and animated checkmark. Base UI flavor.

Select preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.9.0, class-variance-authority, lucide-react, motion
Install
npx shadcn@latest add @fluid/select-base
Files
  • registry/base/select.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/surface-context.tsx
  • registry/default/lib/surface-classes.ts
  • registry/default/lib/icon-context.tsx
  • registry/default/hooks/use-fluid-hover.ts
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism