Dev Design Library

Slider (Base UI)

Animated slider with spring-snapped thumb, step dots, range mode, and click-to-edit value display. Base UI flavor.

Slider (Base UI) preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.9.0, motion
Install
npx shadcn@latest add @fluid/slider-base
Files
  • registry/base/slider.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/omit.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/size-context.tsx
  • registry/default/lib/type-scale.ts
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism