Recipes · Pax

Recipes encode creative intent as reproducible commands. Each recipe declares inputs, defaults, and the scene it produces.

What you will learn

Seven built-in recipes covering typography, loading, interaction, and hero layouts
Every recipe compiles to Lottie with reduced-motion variants
Runnable in under 10 seconds on a typical laptop
Same parameters via CLI and MCP create_scene

Catalog

Recipe	Outputs	Tags	Status
`title-card`	dom, svg, lottie	typography, intro	production
`kinetic-headline`	dom, svg, lottie	typography, kinetic	production
`loading`	dom, svg, lottie	loading, loop	production
`favorite-button`	dom, lottie, dotlottie	interactive, dotlottie	production
`saas-hero`	dom, svg, three, r3f	webgl, hero	beta
`acid-hero`	dom, svg, lottie	hero, acid, kinetic	production
`prism-loader`	dom, svg, lottie	loading, acid, loop	production

paxfx recipes list
paxfx recipes inspect title-card

paxfx lottie validate .pax/scenes/title-card.scene.json
paxfx preview .pax/scenes/title-card.preview.html

Expected result

Validation passes, preview animates (or settles under reduced motion), and critic writes .pax/reports/check.json with deterministic checks.

Pillar	Try this
Design	`paxfx create lottie acid-hero` then `paxfx design match`
Motion	`paxfx motion plan` after locking direction
Lottie	`paxfx recipes run favorite-button` for dotLottie output
Film	`paxfx demo render launch-hero --format mp4`

pnpm paxfx recipes list
pnpm paxfx recipes inspect title-card
pnpm paxfx recipes run title-card
pnpm paxfx create lottie acid-hero

Was this page helpful?

Answers are not recorded or transmitted. Pax has no telemetry.