Dev Design Library

Fader

A mixing-console-style parameter fader where the control IS the display, with continuous and detent value grammars, elastic overdrag, and spring-animated settle.

Fader preview
Library
Nexvyn UI
Framework
React
Type
ui
License
CC-BY-NC-4.0+Commons-Clause+MIT
Dependencies
@base-ui/react, motion
Install
npx shadcn@latest add @nexvyn/fader
Files
  • components/ui/fader/fader.tsx
  • components/ui/fader/geometry.ts
  • components/ui/fader/use-fader.ts
  • components/ui/fader/index.ts
  • lib/sound.ts
  • hooks/use-elastic-overdrag.ts
  • lib/motion-tokens.ts
  • lib/utils.ts
Source
https://github.com/Nexvyn/Nexvyn-ui

Categories

More from Nexvyn UI