Skip to content
TOKENBREAK
Buy a break
Sheet 1/1Free components

Terminal UI for shadcn.

The parts this site is built from, free to copy. Start with the theme, then add components one at a time. Motion effects use the motion package; a few are adapted from Amicro (MIT).
npx shadcn@latest add https://tokenbreak.dev/r/tokenbreak-theme.json
npx shadcn@latest add https://tokenbreak.dev/r/terminal-window.json
Sheet 2/2Catalogue

Twenty-two parts, one theme.

Terminal Window

Frame, prompt and transcript lines.
~/app — claude
Percolating…(0s · esc to interrupt)
AdAcme DBPostgres that has never once paged anyone at 3am.
opus · ~/app
◆ USDC 0.42
npx shadcn@latest add https://tokenbreak.dev/r/terminal-window.json

Split Flap

Departures-board text.
DEPARTURES
npx shadcn@latest add https://tokenbreak.dev/r/split-flap.json

Ticker Counter

Springs between values.
$0.420
npx shadcn@latest add https://tokenbreak.dev/r/ticker-counter.json

Theater Pane

Slides in with dither art.
npx shadcn@latest add https://tokenbreak.dev/r/theater-pane.json

Dither Field

Animated Bayer dithering.
npx shadcn@latest add https://tokenbreak.dev/r/dither-field.json

Dither Bars

A chart in pixels.
npx shadcn@latest add https://tokenbreak.dev/r/dither-bars.json

Earnings Jar

Meter with markers.
npx shadcn@latest add https://tokenbreak.dev/r/earnings-jar.json

Marquee

Pure CSS ticker.
Ad slots availablePaid in USDCNever reads your code
npx shadcn@latest add https://tokenbreak.dev/r/marquee.json

Crop Marks

Any box, as a proof.
YOUR CONTENT
npx shadcn@latest add https://tokenbreak.dev/r/crop-marks.json

Sheet Header

Section furniture.
Sheet 2/6Rate card
npx shadcn@latest add https://tokenbreak.dev/r/sheet-header.json

Dimension Line

Spec callouts.
60 chars
npx shadcn@latest add https://tokenbreak.dev/r/dimension-line.json

Ad Slot

Yellow means buyable.
Sidebar· $12 CPM
This space for rent
npx shadcn@latest add https://tokenbreak.dev/r/ad-slot.json

Redacted Block

Redacts on scroll.
const secret = process.env.KEY
await deploy(secret)
imp:ad_123
npx shadcn@latest add https://tokenbreak.dev/r/redacted-block.json

Pack Card

Wrapped in Amicro's TiltCard here.
npx shadcn@latest add https://tokenbreak.dev/r/pack-card.json

Throwable Tags

Drag into the bin.
Targeting bin1/6
npx shadcn@latest add https://tokenbreak.dev/r/throwable-tags.json

Step Wizard Header

Numbered steps.
npx shadcn@latest add https://tokenbreak.dev/r/step-wizard.json

Pixel Dissolve

CSS-only reveal.
HELLO
npx shadcn@latest add https://tokenbreak.dev/r/pixel-dissolve.json

Pixel Wordmark

Hover the tiles.
npx shadcn@latest add https://tokenbreak.dev/r/pixel-wordmark.json