Foundation Kit

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

Free Foundation Kit for Framer

The Framer foundation kit provides a base for responsive color, text, animation and shadow styling.

When you post a component to the foundation kit, it dynamically changes color
→ Components pasted to the dark foundation becomes dark
→ Components pasted into light mode, will stay light

A good starting point for creating a color palette from your brand color is the tailwind palette generator.

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

Foundation Kit for Figma

Text and color styles for Figma similar to the foundation kit for Framer. Ideal for quickly ideating designs in figma before starting with Framer. Also comes with a foundation sample page

Light Foundation

Color and text styles for creating light websites in Figma. After downloading, click on import from the top right and select downloaded file

Dark Foundation

Color and text styles for creating dark websites in Figma.

Dark Foundation

Color and text styles for creating dark websites in Figma.

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

$89

One Time Payment

Full Access to the Framer UI Kit

Styles, Components, Code Overrides, Sections & Layouts

4 Premium Templates

Foundation Kit for Figma

CMS Upgrades

Framer Code Genie GPT

Light, Dark & Dynamic Mode

Commercial License Only

Use for personal and client projects

Use for unlimited projects

Request Components & Layouts

Pro Creator

$149

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

  • Danny Sapio

    Founder, FramerOverrides, FramerAuth

    "If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"

  • Carlos Geronimo

    Framer Designer

    "Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"

  • Marc Andrew

    Founder, Cabanna Design System

    "This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."

Frequently Asked

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

What is SegmentUI?

Is this a one time payment or a subscription?

Will I get Future updates if I purchase now?

Is there a free version?

Do you have a student discount?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Supercharge your Framer workflow

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

Join our Mailing List

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

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

$89

One Time Payment

Full Access to the Framer UI Kit

Styles, Components, Code Overrides, Sections & Layouts

4 Premium Templates

Foundation Kit for Figma

CMS Upgrades

Framer Code Genie GPT

Light, Dark & Dynamic Mode

Commercial License Only

Use for personal and client projects

Use for unlimited projects

Request Components & Layouts

Pro Creator

$149

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

  • Danny Sapio

    Founder, FramerOverrides, FramerAuth

    "If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"

  • Carlos Geronimo

    Framer Designer

    "Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"

  • Marc Andrew

    Founder, Cabanna Design System

    "This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."

Frequently Asked

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

What is SegmentUI?

Is this a one time payment or a subscription?

Will I get Future updates if I purchase now?

Is there a free version?

Do you have a student discount?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Supercharge your Framer workflow

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

Join our Mailing List

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

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

$89

One Time Payment

Full Access to the Framer UI Kit

Styles, Components, Code Overrides, Sections & Layouts

4 Premium Templates

Foundation Kit for Figma

CMS Upgrades

Framer Code Genie GPT

Light, Dark & Dynamic Mode

Commercial License Only

Use for personal and client projects

Use for unlimited projects

Request Components & Layouts

Pro Creator

$149

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

  • Danny Sapio

    Founder, FramerOverrides, FramerAuth

    "If you're a freelancer, agency, or just someone who makes a lot of Framer sites then this such a solid investment and time saver. Nabeel you crushed it on this one dude!"

  • Carlos Geronimo

    Framer Designer

    "Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"

  • Marc Andrew

    Founder, Cabanna Design System

    "This is a no-brainer. Nabeel is a master at his craft and someone who only builds products of extreme value to the end-user. 100% recommend."

Frequently Asked

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

What is SegmentUI?

Is this a one time payment or a subscription?

Will I get Future updates if I purchase now?

Is there a free version?

Do you have a student discount?

How do I access after purchasing?

What makes this special?

Is there a dark mode for the UI Kit?

Supercharge your Framer workflow

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

Join our Mailing List

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