FreeFoundation UI Kit forFramer

FreeFoundation UI Kit forFramer

FreeFoundation UI Kit forFramer

Foundation Kit is a minimal text and color palette that you can use as a base for your designs

Consistent Color Palette

Basic primary and monochromatic colors to get started right away. No bloat.

2 Color Styles

11 Tokens per style

LCH Color Scheme

Responsive Text Styles

Flexible text styles for mobile applications, web applications and websites

6 Heading Styles

5 Paragraph Styles

3 Weights

Sometimes,youwanttostartfromafreshslatebutnotcompletelyfromscratch.UIKits&templatesmightbetoobulkyforyou.Atthesametime,youdon'twanttowastetimecreatingbasiccompoenntlikebuttonsormakingtextstylesresponsive.Thatswherethefoundationcomesin.ThefoundationisabasicsetoftextandcolorstylesthatyoucanadapttoanyprojectwithouttheaddedbulkthatcomeswithUIkitsandcustomtemplates.
Sometimes,youwanttostartfromafreshslatebutnotcompletelyfromscratch.UIKits&templatesmightbetoobulkyforyou.Atthesametime,youdon'twanttowastetimecreatingbasiccompoenntlikebuttonsormakingtextstylesresponsive.Thatswherethefoundationcomesin.ThefoundationisabasicsetoftextandcolorstylesthatyoucanadapttoanyprojectwithouttheaddedbulkthatcomeswithUIkitsandcustomtemplates.
Sometimes,youwanttostartfromafreshslatebutnotcompletelyfromscratch.UIKits&templatesmightbetoobulkyforyou.Atthesametime,youdon'twanttowastetimecreatingbasiccompoenntlikebuttonsormakingtextstylesresponsive.Thatswherethefoundationcomesin.ThefoundationisabasicsetoftextandcolorstylesthatyoucanadapttoanyprojectwithouttheaddedbulkthatcomeswithUIkitsandcustomtemplates.

Easy Customization

No strings attached. Remix them ans use them for client projects, templates and personal projects.

Generate & Customize Colors

You can use any color palette generator. We recommend either tailwind or OKLCH

Customize Text Styles

Styles are responsive out of the box so you just need to change the font family and weights.

Remix for Free

No strings attached. Remix them and use them for client projects, templates and personal projects.

Light Foundation

For websites/projects that are light mode only

Dark Foundation

For websites/ projects that are dark mode only

Dynamic Foundation

For projects that need to adapt to the system theme

A Step Further

For a more comprehensive solution, check out our PRO access that cover everything

Free Foundation Kit

Foundation Kit

Pro Access

Text & Color Styles

Components

Basic Components

1000s of Components

Layouts/Sections

100s of Sections

Access to Figma UI Kit & Design System

Figma UI Kit & Design System

Access to Framer UI Kit & Design System

Framer UI Kit & Design System

Access to Framer Code Component & Upgrades

Access to Framer Templates

Access to Framer AI Code Generator

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

Happy ! Use discount code for a special holiday discount!

Pro

$99

One Time Payment

Full Access to the Figma UI Kit

Full Access to the Framer UI Kit

Full Access to the Framer Code Components & CMS Upgrades

Full Access to 4 Premium Framer Templates

Full Access to Framer Code Genie GPT

Request Components & Layouts

Get Updates Forever

Light, Dark & Dynamic Modes

Use for Unlimited Projects

Commercial License Only

Use for personal and client projects

Pro Creator

$199

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

Frequently Asked

For anything not covered here, mail us at hello@segmentui.com

General

What is SegmentUI?

Is it for Figma or Framer?

How do I access after purchasing?

License

Can I use it to create client projects?

Can I use it to create Framer templates?

Pricing

Is there a free version?

Do you have a student discount?

Can I buy components seperately?

Will I get future updates if I purchase now?

Is this a one time payment or a subscription?

What is the difference between Pro and Pro Creator Access?

Supercharge Your Design Workflow

1000+ variations of styles, components, interactions, layouts, transforms, code overrides, code components for Framer & Figma. Power Up Now!

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Unlock everything with a one time payment

For the fraction of your next project, you can boost your workflow by 10 folds

Happy ! Use discount code for a special holiday discount!

Pro

$99

One Time Payment

Full Access to the Figma UI Kit

Full Access to the Framer UI Kit

Full Access to the Framer Code Components & CMS Upgrades

Full Access to 4 Premium Framer Templates

Full Access to Framer Code Genie GPT

Request Components & Layouts

Get Updates Forever

Light, Dark & Dynamic Modes

Use for Unlimited Projects

Commercial License Only

Use for personal and client projects

Pro Creator

$199

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

Frequently Asked

For anything not covered here, mail us at hello@segmentui.com

General

What is SegmentUI?

Is it for Figma or Framer?

How do I access after purchasing?

License

Can I use it to create client projects?

Can I use it to create Framer templates?

Pricing

Is there a free version?

Do you have a student discount?

Can I buy components seperately?

Will I get future updates if I purchase now?

Is this a one time payment or a subscription?

What is the difference between Pro and Pro Creator Access?

Supercharge Your Design Workflow

1000+ variations of styles, components, interactions, layouts, transforms, code overrides, code components for Framer & Figma. Power Up Now!

A 360° Design Solution

Constantly updating, constantly evolving tools for Framer and Figma. Build more, design faster, sell more, charge more