# SnappySlider

> SnappySlider is a highly interactive range input component that combines precise value control with intuitive visual feedback. It features:  - Snap-to points for accurate value selection - Visual markers for predefined values - Direct numeric input with keyboard controls - Touch and mouse drag support - Customizable step sizes and ranges - Out-of-bounds value indication - Double-click to reset functionality - Prefix/suffix label support

- Author: [MangleKuo](https://21st.dev/@ghcpuman902)
- License: mit
- npm dependencies: clsx, tailwind-merge
- Live preview: https://21st.dev/@ghcpuman902/components/snappy-slider

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/ghcpuman902/snappy-slider?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt