Skip to main content

Assets Templates Inspiration Components

Components/Componentry

Dither Gradient

Dither Gradient

Pro

An animated dithered gradient background effect using canvas with Bayer matrix dithering. Creates a beautiful retro-style aesthetic with customizable colors and animation.

Category: Backgrounds
Built with: React, Tailwind
Installs: Nothing extra
Files: dither-gradient.tsx

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Componentry

by Harsh Jadhav

53 components

Copyright (c) 2026 Harsh Jadhav. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Animated Gradient

Animated Gradient

FreeOpen

Aurora Flow

Aurora Flow

Animated Grid Pattern

Animated Grid Pattern

Closing Plasma

Closing Plasma

Dither Prism Hero

Dither Prism Hero

Grain Gradient

Grain Gradient

Flickering Grid

Flickering Grid

Liquid Chrome

Liquid Chrome