Setup Guide

Copy and paste 100+ components, layouts and code components in 2 simple clicks

1

Purchase a license for the UI Kit

2

Sign up with the license key

3

Remix a Foundation Kit (Optional)

Based on the type of project, you can select between a light, dark or dynamic foundation kit. The components and layouts will automatically adjust to the type of foundation kit

Dynamic Foundation

For projects that need to adapt to the system theme

Light Foundation

For websites/projects that are light mode only

Dark Foundation

For websites/ projects that are dark mode only

4

Customize your Foundation (Optional)

Change all the text styles to your desired font family and customize the color palette to your brand color. You can use the tailwind color generator as a good starting point

5

Copy and paste components and layouts

Once your foundation is set up, you can copy and paste components from the dashboard to your file. The colours will automatically adjust to your brand's colour. However, the text styles will need to be reattached.

Having trouble with login? Try

/

or

Setup Guide

Copy and paste 100+ components, layouts and code components in 2 simple clicks

Purchase a license for the UI Kit

Sign up with the license key

Remix a Foundation Kit (Optional)

Based on the type of project, you can select between a light, dark or dynamic foundation kit. The components and layouts will automatically adjust to the type of foundation kit

Dynamic Foundation

For projects that need to adapt to the system theme

Light Foundation

For websites/projects that are light mode only

Dark Foundation

For websites/ projects that are dark mode only

Customize your Foundation (Optional)

Change all the text styles to your desired font family and customize the color palette to your brand color. You can use the tailwind color generator as a good starting point

Copy and paste components and layouts

Once your foundation is set up, you can copy and paste components from the dashboard to your file. The colours will automatically adjust to your brand's colour. However, the text styles will need to be reattached.

Having trouble with login? Try

/

or

Supercharge your Framer workflow

100+ variations of styles, components, interactions, layouts, transforms, code overrides, code components. Preview Kit or See Pricing

Join our Mailing List

Receive updates on release dates, products, tips, and tutorials. No spam. Unsubscribe anytime.

Supercharge your Framer workflow

100+ variations of styles, components, interactions, layouts, transforms, code overrides, code components. Preview Kit or See Pricing

Join our Mailing List

Receive updates on release dates, products, tips, and tutorials. No spam. Unsubscribe anytime.