User Guide

3 Steps to Frontend Generation

From style selection to code download, StyleKit now focuses on a straightforward three-step workflow.

Choose or Import a Style

Select a preset style from the library, or paste style-extractor output / enter a URL to import a style on the Create Style page.

Enter the generator to select a page template (Landing/Portfolio) and output format (HTML or React + Tailwind).

Edit content and preview live in the same step. Download the ZIP code package when ready.

Check the developer page for API, CLI, and MCP integration methods.

User Guide

From style selection to code download, StyleKit now focuses on a straightforward three-step workflow.

Select a preset style from the library, or paste style-extractor output / enter a URL to import a style on the Create Style page.

Enter the generator to select a page template (Landing/Portfolio) and output format (HTML or React + Tailwind).

Edit content and preview live in the same step. Download the ZIP code package when ready.

Check the developer page for API, CLI, and MCP integration methods.