Everything from A-Z

From ideating, to setting up your styles to advanced code and monetisation. We've got you covered.

The Basics

Instead of starting from the scratch, use predefined styles your get your project of the ground faster and to maintain consistency with our design system or free foundation kit

Color Styles

Text Styles

Spacings

Shadows and Blurs

Animations

The Building Blocks

With your styles in place, you can slowly add the building blocks for your product.

Components

Layouts

CMS Collections

On Scroll Text Effects

New

Gated Email Content

New

Bounded Mouse Follow

New

Scroll Text Reveal

New

Fingerprint Activate

New

Image Watermark Component

New

Sticky Zooming

New

Net Worth Asset

New

Scroll Scrubbing

New

Linear Text Unblur Entrance

Money Rain Component

Custom Right Click Menu

Realtime Search for Framer CMS

Sound On Click

3D Tilt on Mouse Position

The Power Ups

Add functionality to your code with custom code and overrides to take it to the next level or use code genie to generate code for you.

Custom Code Components

Custom Code Overrides

CMS Upgrades

AI Custom Code and Override Generator

The Finished Products

Get 4 premium templates worth $200+ with Pro. Ship your site in 5 minutes or deconstruct successful templates

3 Portfolio Templates

4 Start Up Templates

1 Agency Template

Regularly Updated Library

We add 3-7 components to out library every week and update existing components to fit upcoming Framer Updates

1st Feb

12 New layout, 14 new components

3rd March

2 new components

4th April

44 new layouts

12th May

6 new code components

6th June

7 new layouts, 2 New Components

1st Feb

12 New layout, 14 new components

3rd March

2 new components

4th April

44 new layouts

12th May

6 new code components

Regularly Updated Library

We are by far the most extensive, the fastest growing library for Framer

Official Framer Partner

With access to beta features, we make sure components are compatible for tomorrow as well.

  • 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."

Trusted by 5000+ Customers

We constantly listen, update and reiterate based on user feedback. You ask, we provide.

Earn more as a Creator

In order to make more revenue, you need to give more value

vs

Ship fast without Sacrificing Originality

Most website sections are a remix of 10-20 sections styled differently. SegmentUI is the fastest way to get websites for your client without templatizing

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?

What makes this special?

Is there a dark mode for the UI Kit?

Can I use it to create Framer templates?

Pricing

Can I buy components seperately?

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?

Supercharge Your Design Workflow

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

Join our Mailing List

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

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