Pick a piece. Build with it.

Your visual builder.

Add components, edit text and data, and customize your canvas and palette. Drag, resize, and copy a block into your next project.

PNG, SVG, and animated GIF, rendered on your device. Open Edit the TSX and choose Animation to explore playback. Use the CLI in your workflow.

Start with a story

Every piece is yours to edit
Component playground

Choose. Change. See.

Explore a live example, then make it your own.

Your edits are saved in this browser.

Canvas and palette Size, style, and every theme color

Colors and canvas settings stay with your source.

Live previewLoading components…960 × 540

Double-click text to edit. Enter saves. Escape cancels.

Play with the settings

Updates as you change them

Edit the TSX Change data, add components, or compose a scene
Ctrl / ⌘ + Enter

Find your next building block

↑ ↓ to navigateEnter to openEsc to close
Editable TSX

Example source

Try / edit ↗

Open the builder to edit this scene, preview animations, and export your visual.

Example preview