EZPZ Spray Lettering

Make lettering EZPZ. Custom native spray artwork with separate paint, overspray, and drip layers. Recolor the paint, tune the spray and drips, or replace the aligned masks with your own lettering. Includes charcoal and ink demos, responsive layout, an accessible image label, and a static fallback. React only; free MIT-licensed code and original art. The lettering is custom vector artwork, not an editable font. Editable SVG and GIMP source, usage guide, and self-hosting instructions: https://github.com/ezam0000/ezpz-spray-lettering

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

import EZPZSprayLettering from "@/components/ui/ezpz-spray-lettering";
const settings = { paintColor: "#902920", backgroundColor: "#efe5d3", textureAmount: 0, oversprayAmount: 0.8, dripAmount: 1 };
export default function InkDemo(props: Partial<typeof settings>) {
  const s = { ...settings, ...props };
  return <main style={{ width: "100%", minHeight: "100svh", display: "grid", placeItems: "center", background: s.backgroundColor }}>
    <EZPZSprayLettering {...s} style={{ maxWidth: 1600 }} />
  </main>;
}