Dither Scan

An image that starts as a 1-bit ordered dither. A diagonal scan line sweeps it a set number of times, and each pass sharpens the cells and brings back tone and color until the source is clean.

Library

23rd.dev

Framework

React

Type

ui

Install

pnpm dlx shadcn@latest add @23rd/dither-scan

Files

• registry/dither-scan/dither-scan.tsx
• lib/utils.ts
• registry/dither-scan/dither-scan-vanilla.ts

Source

https://github.com/radiumcoders/23rd.dev

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• Noise Background Components
• React Noise Background Components
• Tailwind CSS Noise Background Components
• Animated Noise Background Components

More from 23rd.dev

• ASCII Fluid
• ASCII Logo
• Dithered 404
• Folio
• Gooey Color Picker
• Iso Lattice
• Live Orb
• Logo Burst
• Mech Keyboard
• Phosphor Score
• Radiant Lines
• Ring Tower