UI Kits and Components forFramer &Figma

UI Kits and Components forFramer &Figma

UI Kits and Components forFramer &Figma

SegmentUI is a 360 degree solution for Framer & Figma. The ultimate design resource that covers everything from ideation to monetisation

Get Pro Access

For Framer

For Figma

Framer UI Kit & Design System

Custom Video Player

New

CSV to Framer Table

New

Random Variant Override

New

Background Color Changer

New

CMS FAQ Container

New

Floating Stars Effect

New

CMS Image Extra Width

New

Custom Form Selectors

New

CMS Shuffler

New

Ticker field for CMS Details

New

Sorting + Search + Filter for CMS

New

Scroll SVG/Path Reveal

Emoji Heading

Noisy Blur

Press & Hold Button

Code Components & CMS Upgrades

Templates

For Framer

For Figma

Framer UI Kit & Design System

Custom Video Player

New

CSV to Framer Table

New

Random Variant Override

New

Background Color Changer

New

CMS FAQ Container

New

Floating Stars Effect

New

CMS Image Extra Width

New

Custom Form Selectors

New

CMS Shuffler

New

Ticker field for CMS Details

New

Sorting + Search + Filter for CMS

New

Scroll SVG/Path Reveal

Emoji Heading

Noisy Blur

Press & Hold Button

Code Components & CMS Upgrades

Templates

For Framer

For Figma

Framer UI Kit & Design System

Custom Video Player

New

CSV to Framer Table

New

Random Variant Override

New

Background Color Changer

New

CMS FAQ Container

New

Floating Stars Effect

New

CMS Image Extra Width

New

Custom Form Selectors

New

CMS Shuffler

New

Ticker field for CMS Details

New

Sorting + Search + Filter for CMS

New

Scroll SVG/Path Reveal

Emoji Heading

Noisy Blur

Press & Hold Button

Code Components & CMS Upgrades

Templates

The Complete Design System Toolkit
The Complete Design System Toolkit
The Complete Design System Toolkit

Your all-in-one solution for consistent, scalable UI design

Figma UI Kit & Design System

Figma Design System

Components, website section & mobile screens

Framer UI Kit & Design System

Framer Design System

Production ready components, sections and CMS collections

Dynamic Color Styles

Dynamic Color Styles

4px Grid

4px Grid

Interactive & Adaptive

Interactive & Adaptive

Monthly

Yearly

Monthly

Yearly

Scalable Typography

Scalable Typography

1000+ Components & Variants

1000+ Components & Variants

  • 2

  • Call to Action

  • Call to Action

  • Tab Item

    Tab Item

  • Title goes here

  • Label

  • Label

  • Styles

    Components

    Sections

    CMS

    Get Started

  • Label

Responsive Layouts

Responsive Layouts

link

link

link

Figma & Framer Files

Figma & Framer Files

Accessibility First

Accessibility First

Light, Dark & Dynamic Themed

Light, Dark & Dynamic Themed

500+ Figma Mobile Screens

500+ Figma Mobile Screens

Huge Asset Library

Huge Asset Library

Lifetime Updates

1

·

0

·

0

1

2

3

4

5

0

Official Framer Partner

Regularly Updated Library

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

The Biggest Framer Component Library － By Far
The Biggest Framer Component Library － By Far
The Biggest Framer Component Library － By Far

Constantly growing set of CMS power ups, form upgrades and custom code components.

View Library

Get Pro Access

Custom Video Player

CSV to Framer Table

Random Variant Override

Background Color Changer

Floating Stars Effect

Custom Form Selectors

Scroll SVG/Path Reveal

Emoji Heading

Noisy Blur

Press & Hold Button

Englarge & Drag Components

Lenis Smooth Scroll for Framer

Show Form Inputs Conditionally

Custom Scroll Mask Reveal

Image Flicker Cursor

CAPTCHA for Forms & Content

Professional Email Form Checker

Content Scheduling for Framer

Form Maths

On Scroll Text Mask Reveal

Page Lock

Hover Reveal

Realtime Stock Price

On Scroll Text Effects

Gated Email Content

Infinate Scrolling Override

Image Watermark Component

Scroll Text Reveal

Sticky Zooming

Linear Text Unblur Entrance

Custom Right Click Menu

Sound On Click

Text Highlight Component

Disable Right Click Code

Scroll to Top Override

Bounded Mouse Follow

Fingerprint Activate

Net Worth Asset

Scroll Scrubbing

Money Rain Component

3D Tilt on Mouse Position

Realtime Currency Converter

Text Shimmer Effect

Unmask + Lens Zoom

Shake Override

Gradient Blur + Overlay

Truncate Text Override

Season Discount Banner

Manual Theme Toggle with Memory

Before After Slider

Days Since / Days Ago Component

Press Key Action

Encrypted Crypto Cards

Dynamic Back Override

404 No Internet Dino Game

Timeline Progress Component

Realtime Youtube views, subscribers, latest video, thumbnail

3D Project Cards

Slide to Unlock

Grids for Framer

Contextual System Buttons

Decrypt On Hover

File Decrypt Animation

Height App Rainbow Space Wrap

Apple Face ID Animation

Magic Ball Card

Parallax Mouse Effect

Keyboard Movement Override

Speedometer Card

Voice Record Interaction

JS Circular Loaders

Star Sparkle Effect

Proximity Sensor

Random Fact Generator

Live Crypto Prices

Puchasing Power Parity Banner

Ultimate Location Fetcher Framer Component

Ultimate System Info code component

Curved Integration Section

Fireworks card

Bubble Up Card Effect

Real Physics Collision Card

Radar Pulse Component

Countdown Comonent

Progress Bar

Rain Component

QR Generator

Webcam

Mouse Follow Button

Circular Progress Bar

Continuous Progress Bar

Animated Blur Gradient

Facebook Share

LinkedIn Share

Whatsapp Share

X/Twitter Share

CMS FAQ Container

CMS Image Extra Width

CMS Shuffler

Ticker field for CMS Details

Sorting + Search + Filter for CMS

CMS Thumbnail Sideshow Gallery

CMS Realtime Sorting

Realtime CMS Multi Filter

Dynamic CMS Filtering

Realtime Search for Framer CMS

CMS Image Array

Numbered Pagination for Framer CMS

CMS Item Random Tilt

CMS Image Full Width Fill

CMS Collection Ticker

CMS - Time to read / word counter

Random CMS Item

CMS Image Carousel Field

CMS Image Corner Radius

CMS Alt to Description

Dynamic CMS Previous and Next Item

CMS Child Counter / Item Counter

Any Image / CMS Image Lightbox

CMS Dynamic Table of Contents

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

Build a Website in 15 Minutes using SegmentUI Kit

Jemsee D

Build a Website in 15 Minutes using SegmentUI Kit

Jemsee D

How To Create A Framer Website In Under 10 Minutes!

Guy Acey

How To Create A Framer Website In Under 10 Minutes!

Guy Acey

Everything you need to succeed as a Designer

Everything you need to succeed as a Designer

Everything you need to succeed as a Designer

Whether it's templates, client projects or even personal projects. The more value you give per unit time, the more compensation you receive

Whether it's templates, client projects or even personal projects. The more value you give per unit time, the more compensation you receive

Whether it's templates, client projects or even personal projects. The more value you give per unit time, the more compensation you receive

Get Full Access

Total Revenue

$

0

YTD

Jan

Feb

March

April

May

June

July

August

Future Client

6 Dec

+

23,194

USD

Future Client

6 Dec

+

17,039

USD

For Framer

Framer UI Kit & Design System

Get you custom site ready in a few minutes from 100s of layouts to choose from

Framer AI Code Generator

Go beyond the limitations of design and use AI to create custom components & overrides

Framer Templates

Proven, ready to use templates to get you idea up and running

Framer Component Library

The largest component library for Framer that keeps growing

Framer CMS Upgrades

Features like search and filters that just make sense to have for CMS collections

Framer Form Upgrades

CAPTCHA, arithmetic, conditional showing for native Framer forms

Free

Framer Foundation Kit

A free & minimal UI kit with just the bare basic colours and typography

Free

Framer Freebie Library

The largest community sourced free remix library for Framer

Free

Guides & Tutorials

Learn the basics of getting clients, selling products, Framer & design

For Figma

Figma UI Kit & Design System

Styles, components, website section & mobile screens

Mobile Screens for Figma

500+ commonly used mobile screens for Figma to 10x your app design process

Free

Figma Foundation Kit

A free & minimal UI kit with just the bare basic components, colours and typography

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Ajinkya Gajbhiye

@Ajinqya

Designer

"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."

Marc Andrew

@mrcndrw

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

Brian

@ZeroSevDesigns

Framer Partner

"…The Fastest way to get started on your framer projects…"

Carlos G

@CarlosGeeronimo

Framer Designer

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

Breeje Anadkat

@BreejeAnadkat

Product Designer

"...Segment UI by @itsnotnabeel is one of the best ones out there"

Ghostncrypt G

@ghostncrypt

Designer

"…SegmentUI has been one of the best value purchases I have made this year by far, with constant updates and a wide selection to choose from. “

Adheeb

@AdheebHameed

Design Engineer

"…Once you see some results, do not shy away from putting back into the business, it'll give you a better ROI than probably anywhere else in the world. I got tools that sped up my design, like @itsnotnabeel segment…"

Jemsee D

@jemsee_d

Official Framer Partner

"…Watch your vision come to life without writing a single line of code…"

dudu

@Duduagency

Founder, ToolFolio

"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"

Danny Sapio

@Dannysapio

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!"

Punit Chawla

@PunitChawla

Founder Designwings UX/UI School

"…Its basically a never ending list of 100s if not 1000s of templates in one place"

Charles Brewer

@charlesbrewer

Designer

"Great job! This is super useful to the Framer community!..."

Anand Koonath

@anand_koonath

Developer

"Yoo, SegmentUI was one of the first sites I had used to learn Framer. Pumped to see you make a UI kit..."

Isaac

@ikereyes1984

Graphic Designer

"i bought this and it’s such a good deal with the pro package

you get like 4 or 5 free quality templates with it too

i’m pretty sure he’s still adding more components to it too which makes its easy for template building 👍🏻"

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

StealthAI, BlockPool, DesignJungle, imagineAI worth $200+

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

Purchase License

Pro Creator

$199

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

Purchase License

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

How does the licenses work?

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?

How to do set up the Foundation Kit

Brian Alvarado

Build a Website in 15 Minutes using SegmentUI Kit

Jemsee D

How To Create A Framer Website In Under 10 Minutes!

Guy Acey

Framer CMS Power-Ups (Search, Table of Contents)

Guy Acey

Supercharge Your Design Workflow

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

Links

Home

Component Library

Design System

Templates

Framer Code Generator GPT

Code Components

CMS Upgrades

Free Foundation Kit

Freebies

License Agreement

Blog

Become an Affiliate

For Figma

UI Kit & Design System

Mobile Screens

Free Foundation Kit

Social

Instagram

LinkedIn

X/Twitter

Setup

Dashboard

Setup Guide

Sign Up / Activate

Sign In

Reset Password

Update Password

Manage Subscriptions

Latest Framer Releases

Custom Video Player

CSV to Framer Table

Random Variant Override

Background Color Changer

CMS FAQ Container

Floating Stars Effect

CMS Image Extra Width

Custom Form Selectors

CMS Shuffler

Ticker field for CMS Details

Sorting + Search + Filter for CMS

Scroll SVG/Path Reveal

Emoji Heading

Noisy Blur

Press & Hold Button

Freebie Library

All

Buttons

Cards

Code Overrides

Call to Action

Effects

Enterannce Animations

Features

Footer

Hero

Navigation

Scroll Animation

Sticky Position

Tabs

Tutorials

UI Components

Framer Sections

Hero

Trust

Bento

Feature

Stats

Pricing

Testimonial

Call to Action

FAQ

Footer

Framer Components

Button

Card

Tab

Code Component

Banners

Assets

Navbar

Latest Templates

Simple Letter Portfolio Template

Textfolio Portfolio Template

Appfolio Portfolio Template

Custo Startup Template

DesingJungle Productized Design Template

Imagine AI SaaS Template

Blockpool Multi-Layout Template

StealthAI Multi Layout Template

CMS Upgrades

CMS FAQ Container

CMS Image Extra Width

CMS Shuffler

Ticker field for CMS Details

Sorting + Search + Filter for CMS

CMS Thumbnail Sideshow Gallery

CMS Realtime Sorting

Realtime CMS Multi Filter

Dynamic CMS Filtering

Realtime Search for Framer CMS

CMS Image Array

Numbered Pagination for Framer CMS

CMS Item Random Tilt

CMS Image Full Width Fill

CMS Collection Ticker

Figma Sections

Hero

Trust

Feature

Bento

Pricing

Stat

Testimonial

FAQ

Contact

CTA

Footer

Blog

Team

Documentation

E-commerce

Figma Screens

Settings

Cart & Payment

Chat & Messaging

Social Media

Gamification

Crypto & Finance

Paywall

Rating

State

Profile

Onboarding

Figma Components

Bottom Sheet

Bottom Navigation

Top Navigation

Toast

Avatar

Chart

List

Icon

Asset

Button

Tab

Dropdown

Tooltips

Badges

Input Field

Checkbox

Pills

Toggles

Accordion

Breadcrumb

Progress & Indicator

Logos

Navbar

Sidebar

Blog

The Ultimate Lottie Files Guide for Framer

Top 10 Framer Blog Templates

Top 5 Best Framer Plugins

Top Tools for Framer & Web Designers

How to Make a Responsive Navbar in Framer

How to Create, Sell & Market Your Own Framer Templates

Framer Code Components and Code Override Masterclass

The Ultimate Guide for Mastering Framer Components

8 Best Membership Site Templates for Framer

The Ultimate FREE Framer Course (Beginner to Expert)

14 Best FREE Framer Agency Templates

Framer Launch Checklist

How to Sell More Digital Products & Templates

15 Best Free Framer SaaS/Start Up Templates

17 Best Free Framer Portfolio Templates

How to Connect Shopify with Framer

Membership sites for Framer - FramerAuth vs Thenty vs Outseta vs Memberspace

20 Free Fonts for Framer Templates & Websites

10 minute Framer Crash Course for Beginners [FREE]

Framer vs Webflow - A Detailed Comparison

Top CMS Power Ups for Framer (Pagination, Search and 6 more)

Build site in under 15 Minutes in Framer using SegmentUI Kit

How Much Can Framer and Web Designers Make?

7 Best Framer Courses

The Ultimate Guide to Finding Clients & Jobs for Framer

Designed with SegmentUI

·

hello@segmentUI.com

·

License Agreement

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Ajinkya Gajbhiye

@Ajinqya

Designer

"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."

Marc Andrew

@mrcndrw

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

Brian

@ZeroSevDesigns

Framer Partner

"…The Fastest way to get started on your framer projects…"

Carlos G

@CarlosGeeronimo

Framer Designer

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

Breeje Anadkat

@BreejeAnadkat

Product Designer

"...Segment UI by @itsnotnabeel is one of the best ones out there"

Ghostncrypt G

@ghostncrypt

Designer

"…SegmentUI has been one of the best value purchases I have made this year by far, with constant updates and a wide selection to choose from. “

Adheeb

@AdheebHameed

Design Engineer

"…Once you see some results, do not shy away from putting back into the business, it'll give you a better ROI than probably anywhere else in the world. I got tools that sped up my design, like @itsnotnabeel segment…"

Jemsee D

@jemsee_d

Official Framer Partner

"…Watch your vision come to life without writing a single line of code…"

dudu

@Duduagency

Founder, ToolFolio

"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"

Danny Sapio

@Dannysapio

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!"

Punit Chawla

@PunitChawla

Founder Designwings UX/UI School

"…Its basically a never ending list of 100s if not 1000s of templates in one place"

Charles Brewer

@charlesbrewer

Designer

"Great job! This is super useful to the Framer community!..."

Anand Koonath

@anand_koonath

Developer

"Yoo, SegmentUI was one of the first sites I had used to learn Framer. Pumped to see you make a UI kit..."

Isaac

@ikereyes1984

Graphic Designer

"i bought this and it’s such a good deal with the pro package

you get like 4 or 5 free quality templates with it too

i’m pretty sure he’s still adding more components to it too which makes its easy for template building 👍🏻"

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

StealthAI, BlockPool, DesignJungle, imagineAI worth $200+

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

Purchase License

Pro Creator

$199

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

Purchase License

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

How does the licenses work?

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?

How to do set up the Foundation Kit

Brian Alvarado

Build a Website in 15 Minutes using SegmentUI Kit

Jemsee D

How To Create A Framer Website In Under 10 Minutes!

Guy Acey

Framer CMS Power-Ups (Search, Table of Contents)

Guy Acey

Supercharge Your Design Workflow

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

Links

Home

Component Library

Design System

Templates

Framer Code Generator GPT

Code Components

CMS Upgrades

Free Foundation Kit

Freebies

License Agreement

Blog

Become an Affiliate

For Figma

UI Kit & Design System

Mobile Screens

Free Foundation Kit

Social

Instagram

LinkedIn

X/Twitter

Setup

Dashboard

Setup Guide

Sign Up / Activate

Sign In

Reset Password

Update Password

Manage Subscriptions

Latest Framer Releases

Custom Video Player

CSV to Framer Table

Random Variant Override

Background Color Changer

CMS FAQ Container

Floating Stars Effect

CMS Image Extra Width

Custom Form Selectors

CMS Shuffler

Ticker field for CMS Details

Sorting + Search + Filter for CMS

Scroll SVG/Path Reveal

Emoji Heading

Noisy Blur

Press & Hold Button

Freebie Library

All

Buttons

Cards

Code Overrides

Call to Action

Effects

Enterannce Animations

Features

Footer

Hero

Navigation

Scroll Animation

Sticky Position

Tabs

Tutorials

UI Components

Framer Sections

Hero

Trust

Bento

Feature

Stats

Pricing

Testimonial

Call to Action

FAQ

Footer

Framer Components

Button

Card

Tab

Code Component

Banners

Assets

Navbar

Latest Templates

Simple Letter Portfolio Template

Textfolio Portfolio Template

Appfolio Portfolio Template

Custo Startup Template

DesingJungle Productized Design Template

Imagine AI SaaS Template

Blockpool Multi-Layout Template

StealthAI Multi Layout Template

CMS Upgrades

CMS FAQ Container

CMS Image Extra Width

CMS Shuffler

Ticker field for CMS Details

Sorting + Search + Filter for CMS

CMS Thumbnail Sideshow Gallery

CMS Realtime Sorting

Realtime CMS Multi Filter

Dynamic CMS Filtering

Realtime Search for Framer CMS

CMS Image Array

Numbered Pagination for Framer CMS

CMS Item Random Tilt

CMS Image Full Width Fill

CMS Collection Ticker

Figma Sections

Hero

Trust

Feature

Bento

Pricing

Stat

Testimonial

FAQ

Contact

CTA

Footer

Blog

Team

Documentation

E-commerce

Figma Screens

Settings

Cart & Payment

Chat & Messaging

Social Media

Gamification

Crypto & Finance

Paywall

Rating

State

Profile

Onboarding

Figma Components

Bottom Sheet

Bottom Navigation

Top Navigation

Toast

Avatar

Chart

List

Icon

Asset

Button

Tab

Dropdown

Tooltips

Badges

Input Field

Checkbox

Pills

Toggles

Accordion

Breadcrumb

Progress & Indicator

Logos

Navbar

Sidebar

Blog

The Ultimate Lottie Files Guide for Framer

Top 10 Framer Blog Templates

Top 5 Best Framer Plugins

Top Tools for Framer & Web Designers

How to Make a Responsive Navbar in Framer

How to Create, Sell & Market Your Own Framer Templates

Framer Code Components and Code Override Masterclass

The Ultimate Guide for Mastering Framer Components

8 Best Membership Site Templates for Framer

The Ultimate FREE Framer Course (Beginner to Expert)

14 Best FREE Framer Agency Templates

Framer Launch Checklist

How to Sell More Digital Products & Templates

15 Best Free Framer SaaS/Start Up Templates

17 Best Free Framer Portfolio Templates

How to Connect Shopify with Framer

Membership sites for Framer - FramerAuth vs Thenty vs Outseta vs Memberspace

20 Free Fonts for Framer Templates & Websites

10 minute Framer Crash Course for Beginners [FREE]

Framer vs Webflow - A Detailed Comparison

Top CMS Power Ups for Framer (Pagination, Search and 6 more)

Build site in under 15 Minutes in Framer using SegmentUI Kit

How Much Can Framer and Web Designers Make?

7 Best Framer Courses

The Ultimate Guide to Finding Clients & Jobs for Framer

Designed with SegmentUI

·

hello@segmentUI.com

·

License Agreement

Loved by Designers, Developers and Founders

See what our 3500+ customers have to say

Ajinkya Gajbhiye

@Ajinqya

Designer

"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."

Marc Andrew

@mrcndrw

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

Brian

@ZeroSevDesigns

Framer Partner

"…The Fastest way to get started on your framer projects…"

Carlos G

@CarlosGeeronimo

Framer Designer

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

Breeje Anadkat

@BreejeAnadkat

Product Designer

"...Segment UI by @itsnotnabeel is one of the best ones out there"

Ghostncrypt G

@ghostncrypt

Designer

"…SegmentUI has been one of the best value purchases I have made this year by far, with constant updates and a wide selection to choose from. “

Adheeb

@AdheebHameed

Design Engineer

"…Once you see some results, do not shy away from putting back into the business, it'll give you a better ROI than probably anywhere else in the world. I got tools that sped up my design, like @itsnotnabeel segment…"

Jemsee D

@jemsee_d

Official Framer Partner

"…Watch your vision come to life without writing a single line of code…"

dudu

@Duduagency

Founder, ToolFolio

"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"

Danny Sapio

@Dannysapio

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!"

Punit Chawla

@PunitChawla

Founder Designwings UX/UI School

"…Its basically a never ending list of 100s if not 1000s of templates in one place"

Charles Brewer

@charlesbrewer

Designer

"Great job! This is super useful to the Framer community!..."

Anand Koonath

@anand_koonath

Developer

"Yoo, SegmentUI was one of the first sites I had used to learn Framer. Pumped to see you make a UI kit..."

Isaac

@ikereyes1984

Graphic Designer

"i bought this and it’s such a good deal with the pro package

you get like 4 or 5 free quality templates with it too

i’m pretty sure he’s still adding more components to it too which makes its easy for template building 👍🏻"

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

StealthAI, BlockPool, DesignJungle, imagineAI worth $200+

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

Purchase License

Pro Creator

$199

One Time Payment

Everything in Pro

Template & Commercial License

Use UI Kit to create unlimited client projects and templates

Purchase License

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

How does the licenses work?

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?

How to do set up the Foundation Kit

Brian Alvarado

Build a Website in 15 Minutes using SegmentUI Kit

Jemsee D

How To Create A Framer Website In Under 10 Minutes!

Guy Acey

Framer CMS Power-Ups (Search, Table of Contents)

Guy Acey

Supercharge Your Design Workflow

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

Links

Home

Component Library

Design System

Templates

Framer Code Generator GPT

Code Components

CMS Upgrades

Free Foundation Kit

Freebies

License Agreement

Blog

Become an Affiliate

For Figma

UI Kit & Design System

Mobile Screens

Free Foundation Kit

Social

Instagram

LinkedIn

X/Twitter

Setup

Dashboard

Setup Guide

Sign Up / Activate

Sign In

Reset Password

Update Password

Manage Subscriptions

Latest Framer Releases

Custom Video Player

CSV to Framer Table

Random Variant Override

Background Color Changer

CMS FAQ Container

Floating Stars Effect

CMS Image Extra Width

Custom Form Selectors

CMS Shuffler

Ticker field for CMS Details

Sorting + Search + Filter for CMS

Scroll SVG/Path Reveal

Emoji Heading

Noisy Blur

Press & Hold Button

Freebie Library

All

Buttons

Cards

Code Overrides

Call to Action

Effects

Enterannce Animations

Features

Footer

Hero

Navigation

Scroll Animation

Sticky Position

Tabs

Tutorials

UI Components

Framer Sections

Hero

Trust

Bento

Feature

Stats

Pricing

Testimonial

Call to Action

FAQ

Footer

Framer Components

Button

Card

Tab

Code Component

Banners

Assets

Navbar

Latest Templates

Simple Letter Portfolio Template

Textfolio Portfolio Template

Appfolio Portfolio Template

Custo Startup Template

DesingJungle Productized Design Template

Imagine AI SaaS Template

Blockpool Multi-Layout Template

StealthAI Multi Layout Template

CMS Upgrades

CMS FAQ Container

CMS Image Extra Width

CMS Shuffler

Ticker field for CMS Details

Sorting + Search + Filter for CMS

CMS Thumbnail Sideshow Gallery

CMS Realtime Sorting

Realtime CMS Multi Filter

Dynamic CMS Filtering

Realtime Search for Framer CMS

CMS Image Array

Numbered Pagination for Framer CMS

CMS Item Random Tilt

CMS Image Full Width Fill

CMS Collection Ticker

Figma Sections

Hero

Trust

Feature

Bento

Pricing

Stat

Testimonial

FAQ

Contact

CTA

Footer

Blog

Team

Documentation

E-commerce

Figma Screens

Settings

Cart & Payment

Chat & Messaging

Social Media

Gamification

Crypto & Finance

Paywall

Rating

State

Profile

Onboarding

Figma Components

Bottom Sheet

Bottom Navigation

Top Navigation

Toast

Avatar

Chart

List

Icon

Asset

Button

Tab

Dropdown

Tooltips

Badges

Input Field

Checkbox

Pills

Toggles

Accordion

Breadcrumb

Progress & Indicator

Logos

Navbar

Sidebar

Blog

The Ultimate Lottie Files Guide for Framer

Top 10 Framer Blog Templates

Top 5 Best Framer Plugins

Top Tools for Framer & Web Designers

How to Make a Responsive Navbar in Framer

How to Create, Sell & Market Your Own Framer Templates

Framer Code Components and Code Override Masterclass

The Ultimate Guide for Mastering Framer Components

8 Best Membership Site Templates for Framer

The Ultimate FREE Framer Course (Beginner to Expert)

14 Best FREE Framer Agency Templates

Framer Launch Checklist

How to Sell More Digital Products & Templates

15 Best Free Framer SaaS/Start Up Templates

17 Best Free Framer Portfolio Templates

How to Connect Shopify with Framer

Membership sites for Framer - FramerAuth vs Thenty vs Outseta vs Memberspace

20 Free Fonts for Framer Templates & Websites

10 minute Framer Crash Course for Beginners [FREE]

Framer vs Webflow - A Detailed Comparison

Top CMS Power Ups for Framer (Pagination, Search and 6 more)

Build site in under 15 Minutes in Framer using SegmentUI Kit

How Much Can Framer and Web Designers Make?

7 Best Framer Courses

The Ultimate Guide to Finding Clients & Jobs for Framer

Designed with SegmentUI

hello@segmentUI.com

License Agreement

For Framer

For Figma

Resources

Pricing

Sign In

Get Pro Access

Sign In

Sign In