Input

Dither slider

A React Aria slider whose filled track is rendered as a smooth dither field with restrained sparks and four palette options.

Grain62

0100

example.tsx

import { DitherSlider } from "@/components/ui/dither-slider"

export function Demo() {
  return <DitherSlider label="Grain" palette="violet" />
}

References

React Aria Slider - Accessible slider behavior and interaction primitives.