Dev Design Library

Ratio Slider

A split ratio slider with two color bars, a draggable divider, and responsive labels that collapse when space is tight.

Ratio Slider preview
Library
Nexvyn UI
Framework
React
Type
ui
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
motion
Install
npx shadcn@latest add @nexvyn/ratio-slider
Files
  • components/ui/ratio-slider.tsx
  • lib/sound.ts
  • lib/motion-tokens.ts
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI