Command Palette
Search for a command to run...
Playful Launch
Particles, physics, and joy — controlled.
For consumer products with a playful soul: board games, kids' apps, sweet brands. Particles in the background, a draggable hero element, and bold flat color.
Playful Launch — touch it, drop it, throw it.
Matter.js handles a draggable hero token, tsParticles fills the negative space without stealing focus, and Framer Motion makes every button feel like a toy.
Hot ink on bone paper.
A composition tuned to your brief — typography, motion, and chrome moving in the same direction.
7 libraries, with intent
App Router, RSC, edge-ready
Why this — Routes and metadata for SEO; the rest of the page is a single playful canvas.
Own your components
Why this — Pre-order dialog, FAQs, and footer — quiet so the play moments shine.
Declarative React motion
Why this — Spring physics on every CTA, badge, and card — the page feels alive at idle.
Particles, confetti, fireworks
Why this — Subtle drift particles that respond to the cursor without performance cost.
2D rigid body physics
Why this — A draggable, throwable hero token. Real physics, instant joy.
Buttery smooth scrolling
Why this — Smooth scroll keeps the hand-feel consistent end to end.
The starter ships a Next.js app with the recipe's theme, fonts, and the libraries above already wired up.