Button Retro

Square-cornered retro game button with a mono font and 8-bit hard shadow that collapses on press.

#button #retro #pixel #8-bit

Edit in sandbox

Copy a prompt for your AI coding tool with the source, dependencies and usage

Props

RetroButtonProps

Also accepts all props of React.ComponentProps<"button">

Prop	Type	Default	Description
color	`keyof typeof palettes`	`"amber"`	—

Install

$ npx shadcn@latest add https://chromotion.dev/r/button-retro.json

The CLI installs the base component; your customizations live in the code generated on the Customize tab.

More like this

Pixel Broke Button

Cyberpunk button cut into broken pixel blocks with clip-path and a periodic glitch shift.

Texture Button

Dark button with an SVG feTurbulence grain overlay; grain strength is adjustable.

Liquid Metal Button

Layered gradients imitate flowing liquid metal; a blurred halo spreads on hover.