# range

Glowing Range Slider

A filled-track slider whose violet→fuchsia fill follows the value, with a glowing white thumb.

4.3k30.9k7.1kOpen

Components Live preview

Dual-thumb range price slider

Two overlaid range inputs form a min/max selector with a gradient selected band and live mono price labels.

33400Open

Featured UI Elements Live preview

Liquid Glow Range Slider · Ultra Violet

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ultra Violet palette.

48900Open

Liquid Glow Range Slider · Cyber Lime

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Cyber Lime palette.

45000Open

Liquid Glow Range Slider · Sunset Amber

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Sunset Amber palette.

78100Open

Liquid Glow Range Slider · Rose Gold

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Rose Gold palette.

74100Open

Liquid Glow Range Slider · Ocean Sky

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Ocean Sky palette.

40900Open

Liquid Glow Range Slider · Mint Breeze

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Mint Breeze palette.

39300Open

Liquid Glow Range Slider · Candy Pink

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Candy Pink palette.

53900Open

Liquid Glow Range Slider · Royal Gold

A velvety range control: glowing fill, pulsing thumb and a springy value bubble that trails the drag. Rendered in the Royal Gold palette.

20700Open

Range Slider

Custom range slider with filled track and draggable thumb.

Components⚛ TSX Live preview

Date Range Picker Dialog

Calendar range picker dialog with preset chips, clear and apply actions.

Gradient Range Slider

Single range slider with a gradient-filled track and thumb glow.

Price Range Dual Slider

Dual-thumb price range slider with selected span highlight.

Year Range Selector

Two linked selects for from/to years with swap guard.