Astra

Wake Slider

Thumbless range slider of thin bars where drag speed raises a wake behind the handle.

Wake Slider, a Astra component

Use Wake Slider in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/WakeSlider-TS-TW
How to install Astra components

Related components

  • Comet Dial

    Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.

  • Scrub Field

    Number chip you drag to scrub, with rubber-band limits and click to type.

  • Slide Commit

    Slide-to-confirm handle that spins while your action runs and unfurls into a done pill.