Slider Essentials

component

Styled slider: the essentials set. 5 decorative slider variations (GradientSlider, GlowSlider, TicksSlider, BubbleSlider, ThickSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/slider-styled.json"

Sign In

Slider Essentials

component

Styled slider: the essentials set. 5 decorative slider variations (GradientSlider, GlowSlider, TicksSlider, BubbleSlider, ThickSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/slider-styled.json"

motion@^12.42.2

components/ui/slider-styled.tsx

motion@^12.42.2

components/ui/slider-styled.tsx