Display
Dither Agents
Pixel-built identities with living internal motion.
dithereal
Ten React components on one compact dither system: animated controls, agent identities, feedback states, and image treatments.
Ordered-pixel fields stay legible in light and dark, with center-out reveals, directional trails, palette controls, dust-like sparks, and reduced-motion fallbacks.
npx dithereal add ditherealInput
Dither checkbox
Selection that grows outward from its center.
Feedback
Dither loader
A WebGL spinner with a granular light trail.
Loading...
Input
Dither slider
A tactile range input with a moving pixel field.
0100
Input
Dither button
A focused action with restrained inner sparks.
Input
Dither switch
A two-state control with directional pixel flow.
Display
Dither badge
A compact label with a quiet particle interior.
LabelLabelLabel
Layout
Dither card
A transparent surface with edge-bound pixel energy.
Layout
Dither content divider
A label held between two pixel-built lines.
Notifications
Effect
Ditherize
Turn an image into a living ordered-dither field.
Dot size
Spacing
Angle