Skip to main content

Assets Templates Inspiration Components

Components/BeUI

Range Slider Inline Slider

Range Slider Inline Slider

Pro

An inset fill and inline label and value. Ten evenly spaced stops span the track; markers under text stay hidden but remain interactive, and the thumb parts around either label as it passes.

Category: Inputs & forms
Built with: React, Tailwind, Motion
Installs: clsx motion tailwind-merge
Files: range-slider-inline.tsx + 4 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

Animated Color Selector

Animated Color Selector

FreeOpen

File Input

File Input

Adaptive Stepper

Adaptive Stepper

Focus Field

Focus Field

Input

Input

Select Select

Select Select

Select Morph Select

Select Morph Select

Combobox

Combobox