Dev Design Library

Spring Slider

A pill-track slider with a spring-driven fill and thumb, tick markers, and a tooltip that blurs in and out.

Spring Slider preview
Library
Skecher UI
Framework
React
Type
ui
Dependencies
@number-flow/react, motion
Install
bunx --bun shadcn@latest add CoDesign-Spa27/skecher-ui/spring-slider
Files
  • components/ui-components/spring-slider.tsx
  • lib/utils.ts
Source
https://github.com/CoDesign-Spa27/skecher-ui

Categories

More from Skecher UI