Dither Image

An ordered Bayer dither applied at reduced resolution and scaled up unsmoothed, with a wipe back to the original.

Remix

0

Bookmarks

0

Installs

0

Views

12 lines
import { DitherImage } from "@/components/ui/dither-image"

export default function DemoDitherImage() {
  return (
    <div className="flex w-full justify-center bg-background p-6">
      <DitherImage

6 more lines behind a plan

Previews are free to watch. Reading and copying the full source needs a plan.

See plans
Checks
Dependencies
None — plain React + Tailwind
License
MIT License
Published
9/13/2026

Similar components

That's all 6 components

Explore more

Part of Pixelfarm — browse the full library on Nuxus.