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.

Component playground

Choose. Change. See.

Explore a live example, then make it your own.

Live previewLoading components…960 × 540

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

Your edits are saved in this browser.

Canvas and palette Size, style, and every theme color

Colors and canvas settings stay with your source.

Start with a story

Every piece is yours to edit

Play with the settings

Updates as you change them

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

Search

↑ ↓ to navigateEnter to openEsc to close
Editable TSX

Example source

Open in the builder

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

Example preview