Vite Installation

Install styleframe as a dependency

Use your favorite package manager to install styleframe in your project.

pnpm add styleframe

yarn add styleframe

npm install styleframe

bun add styleframe

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
• Add the styleframe plugin, if possible
• Create a new styleframe.config.ts file
• Create a new src/styleframe.theme.ts file

Write styleframe themes

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