Skip to main content

Assets Templates Inspiration Components

Components/BeUI

Range Slider Ruler Slider

Range Slider Ruler Slider

Pro

The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision.

Category: Inputs & forms
Built with: React, Tailwind, Motion
Installs: clsx motion tailwind-merge
Files: range-slider-ruler.tsx + 3 more, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

BeUI

by Saurabh Chauhan

127 components

Copyright (c) 2026 Saurabh Chauhan. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeAnimated Color Selector

Adaptive Stepper

Select Morph Select