luv-jeri

Dither Sculpture

Component

About

A depth-tested 3D shape rendered on a canvas as ordered dots, halftone, error-diffusion or stipple print patterns, for a decorative sculptural graphic.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Dither Sculpture to your project and fits it to your theme.

Code

How Dither Sculpture is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import DitherSculpture from "@/components/ui/dither-sculpture";

export default function DitherSculptureDemo() {
  return (
    <div className="w-full h-screen">
      <DitherSculpture pattern="ordered" className="w-full h-full" />
    </div>
  );
}

More by luv-jeri

View all
  • Pixel Swap

    Pixel Swap

    26
  • Line Chart

    Line Chart

    9
  • Radial Chart

    Radial Chart

  • Pie Chart

    Pie Chart

  • Infinite Spiral Gallery

    Infinite Spiral Gallery