Pixel Broke Button
Cyberpunk button cut into broken pixel blocks with clip-path and a periodic glitch shift.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
PixelBrokeButtonProps
Also accepts all props of React.ComponentProps<"button">
| Prop | Type | Default | Description |
|---|---|---|---|
| color | string | "#22d3ee" | Accent color of the fragments and text |
Install
$ npx shadcn@latest add https://chromotion.dev/r/pixel-broke-button.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.