Overview

The parts every Remold component is built from. Each one is live here; open it for its code, examples and full API.

brand-guidelines.pdf4.2 MB3 days ago

hero-shot.png2.8 MBYesterday

launch-teaser.mp448.1 MB6 days ago

pricing-notes.md100 KB2 days ago

roadmap-q3.pdf1.3 MB12 days ago

team-photo.jpg3.6 MB9 days ago

Morph

Lists, grids and pages that rearrange. Sort and filter this one.

Team

£12per month

Billed monthly

Text

Prices, counts and status lines that change letter by letter.

Icon

Icons that reshape from one state into the next.

In review3 comments to resolve

PathGroup

A multi-part SVG whose pieces morph together.

Two clients talk to one API, which owns the database.

Scene

Diagrams on canvas that spring between layouts.

Particles

Thousands of dots that rebuild into any shape or word.

All parts

Part	What it's for
Morph	Morph everything inside it when a value changes: lists, grids, views, routes.
Text	Change text letter by letter.
Icon	Reshape an SVG icon from one state into the next.
PathGroup	Morph a chart or illustration made of several paths.
Scene	Spring a canvas diagram between layouts.
Story	Tell a Scene in chapters with annotations.
Particles	Rebuild thousands of dots into any shape.
Canvas	Paint your own canvas; sizing, the frame loop and springs are handled.
Connectors	Lines between elements that stay attached while they move: trees and threads.
Ignore	Leave something out of transitions.

For changes you make from an event handler, see useRemold.

Voice orb

A soft sphere of drifting cloud for voice interfaces: it breathes when idle, swells with your voice, gathers while thinking and flows while speaking. The demo is live translation, and the translated line morphs as it revises itself.

Morph

Morphs everything inside it whenever its trigger changes.

On this page