Layout

Dither card

A content-safe card treatment that keeps its WebGL texture close to the perimeter, leaving the center open for real product content.

example.tsx

import { DitherCard } from "@/components/base/cards/dither-card"

export function Demo() {
  return <DitherCard palette="violet">Your content</DitherCard>
}