Pure UI
  • Components
  • Blocks
  • Components
  • shadcn
    • Accordion
    • Alert
    • Badge
    • Breadcrumb
    • Button
    • Card
    • Carousel
    • Checkbox
    • Collapsible
    • Form
    • Input
    • Label
    • Pagination
    • Radio Group
    • Resizable
    • Scroll Area
    • Select
    • Separator
    • Skeleton
    • Switch
    • Textarea
    • Alert DialogSoon
    • AvatarSoon
    • CalendarSoon
    • ChartSoon
    • ComboboxSoon
    • CommandSoon
    • Context MenuSoon
    • Data TableSoon
    • Date PickerSoon
    • DialogSoon
    • DrawerSoon
    • Dropdown MenuSoon
    • Hover CardSoon
    • Input OTPSoon
    • MenubarSoon
    • Navigation MenuSoon
    • PopoverSoon
    • ProgressSoon
    • SheetSoon
    • SidebarSoon
    • SliderSoon
    • SonnerSoon
    • TableSoon
    • TabsSoon
    • ToggleSoon
    • Toggle GroupSoon
    • TooltipSoon
  • Add-ons

Slider

  • llms.txt

Built with:

  • React.js
  • TypeScript
  • Tailwind CSS
  • Radix UI
  • Motion
  • CVA
Pure UI
Loading...
⮠ PrevSidebar
Next ⮡Sonner
Contents
  • Installation
  • Anatomy
  • Examples
  • Dual
  • Ticks
  • Number Flow
  • Vertical

Installation

Loading...

Anatomy

Examples

Dual

Ticks

01234567891011121314150123456789101112131415

Number Flow

50

Vertical

Enter your license key

Unlock the shadcn registry to install components.

// Option #1. Simple usage: <Slider /> // Option #2. Full Radix API for additional control: <SliderRoot> <SliderTrack> <SliderRange /> </SliderTrack> <SliderThumb /> </SliderRoot>