Search items
Input
Range slider with tick dots and a bouncy vertical-bar thumb that glides between snapped steps; drag and keyboard control, reduced-motion safe.
ReactTailwind
Range input with a pixel track, thumb, and keyboard controls.
ReactTailwindInput
Sound settings panel with volume controls and pixel-styled switches.
ReactTailwindForm
Input
An interactive circular slider for selecting angles with support for single values and ranges.
ReactTailwind
An interactive before-and-after slider for comparing two elements side by side.
ReactTailwindInput
Input
A track control for adjusting one color channel, such as hue, saturation, brightness, or alpha.
ReactTailwind
Input
Displays the current position while preventing pointer and keyboard changes.
ReactTailwind
Animated
Animated before-and-after overlay with drag, hover, keyboard, and programmatic controls.
ReactTailwindMedia
Input
Makes discrete intervals visible so users can anticipate where the thumb will stop.
ReactTailwind
Updates a floating numeric readout as the thumb moves along the track.
ReactTailwind
Changes the expression as the chosen score moves from negative to positive.
ReactTailwind
Places several thumbs on one track for selecting ranges or multiple thresholds.
ReactTailwind
Content slider with previous and next controls in a pixel frame.
ReactTailwindCarousel
Animated
A card carousel with direct and previous or next navigation.
ReactTailwindCarousel
Animated
Dusk Kit logo cloud: customer logos scrolling continuously on an infinite slider.
ReactTailwind