reopt design

tools.hero.title

tools.hero.subtitle

Tool list

Color Kit

Palette generator

Generate opt design tokens, brand gradients, swatches, and contrast output from a seed color.

Open

Gradient Lab

Visual utility

Compose layered CSS gradients, preview overlays, and export production-ready background recipes.

Open

Theme Builder

Token editor

Edit 53 CSS tokens live, preview the result, and export production-ready CSS.

Open

Form Builder

Form authoring

Add, edit, and reorder fields visually with live preview and TypeScript export.

Open

Canvas Catalog

Component catalog

Browse opt-ui Core/Shells/Surfaces and opt-charts charts on a Figma-style infinite canvas.

Open

DataGrid Playground

Package lab

Validate editing, selection, performance options, callback surfaces, and the remote mock flow in one workspace.

Open

Editor Playground

Package lab

Experiment with AI streaming, direct editing, diffs, and inspector chrome in a single flow.

Open

Chat Playground

Package lab

Test streaming messages, reasoning, tool output, and code generation scenarios.

Open