Custom Installation

Initialize styleframe in your project

Use the CLI to initialize styleframe in your project.

pnpx styleframe init

yarn create styleframe

npx styleframe init

bunx styleframe init

Using the CLI command above, it will:

• Install styleframe as a development dependency to your project
• Create a new styleframe.config.ts file

Build styleframe theme files

a. Using the CLI

Use the CLI to build your theme files:

styleframe build

b. Using a script

import { build, loadConfiguration } from "@styleframe/loader";

const configuration = await loadConfiguration();

await build(configuration);

Write styleframe themes

Enjoy writing modern, maintainable, composable theme files using styleframe!

Create a Design System with styleframe in under 10 minutes.