Start with what you want to do
Getting started
Whether you want to shape a theme directly or bring it into your app, start with the route that matches your goal.What do you want to do first?
You do not need to understand packages, frameworks, or code first. Choose one route below and complete your first visible task.
I want to use and shape a theme
Create My theme from a preset
Browse official presets, copy a favorite, then preview, save, or export it in the browser. No installation needed.You will see: your own theme update the workspace live.I want to integrate themes into an app
Start with React, Vue, or the web
Install the published packages, start the runtime, and point existing components at semantic variables.You will see: color, radius, and shadow update together when you switch.Both routes use the same theme system
The online editor lets you use this system directly; developer integration brings it into your product. They share the same boundaries and results.
ThemeA fully validated definition of visual tokens.
PresetA complete theme to select now or copy as your own.
RuntimeDuring integration, it atomically applies resolved variables and restores preferences.
AppearanceChoose Light, Dark, or follow the system.