Smart Theming Generator
utilitiesAI-powered theme generator that creates a full design token set from a base color.
Preview
Smart Theme Generator
Upload an image to extract a color palette using AI
Extracted Colors
Colors extracted from your image. Edit them to refine the theme.
Installation
npm install @launchapp/design-systemImport
import { SmartThemingGenerator } from "@launchapp/design-system";Examples
Generate theme from brand color
<SmartThemingGenerator defaultColor="#3b82f6" onGenerate={(tokens) => console.log("generated tokens:", tokens)}/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
onGenerate | (theme: ThemeTokens) => void | — | Called with generated theme tokens. |
defaultColor | string | — | Starting brand color hex value. |