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

New

CMS Collection Ticker

New

CMS - Time to read / word counter

New

Random CMS Item

New

CMS Image Carousel Field

New

Patterns

New

Season Discount Banner

New

Shiny Button

New

Search Animation

New

3D Chip Asset

CMS Image Corner Radius

Manual Theme Toggle with Memory

CMS Alt to Description

Before After Slider

Days Since / Days Ago Component

Press Key Action

DVD Hero for Design Studios

Family Center Aligned Hero

Encrypted Crypto Cards

CMS Loading for Framer CMS

Pagination for Framer CMS

Dynamic CMS Previous and Next Item

CMS Child Counter / Item Counter

Dynamic Back Override

Any Image / CMS Image Lightbox

CMS Dynamic Table of Contents

404 No Internet Dino Game

Stacked Card Shuffle Interaction

Timeline Progress Component

Realtime Youtube views, subscribers, latest video, thumbnail

Animated Vinyl Audio Player

3D Project Cards

Slide to Unlock

Timed Focus Features

Annoying Notifications

Grids for Framer

Speaker Section Highlights

Safe Unlock Animation

Contextual System Buttons

Integration Path Follow Feature

Fingerprint Scanner Interaction

Whiteboard Features

Decrypt On Hover

File Decrypt Animation

Glowing Rainbow Button

Height App Rainbow Space Wrap

Checklist Confetti Animation

Apple Face ID Animation

Success Pill Animation

Magic Ball Card

Parallax Mouse Effect

Keyboard Movement Override

Speedometer Card

Voice Record Interaction

Air Travel Interaction

Slinky Stacked Cards

JS Circular Loaders

Star Sparkle Effect

Proximity Sensor

Random Fact Generator

Live Crypto Prices

Tactile 3D Keyboard

Ultimate Location Fetcher Framer Component

Ultimate System Info code component

Curved Integration Section

Fireworks card

Bubble Up Card Effect

Meteor Shower Component

Real Physics Collision Card

Radar Sweep Component

Radar Pulse Component

Password Card

Hero Fullwidth Bottom

Toggle Features

Animated Bar Chart

Pricing 2 Tier

Bold Hero

Coding Asset

App Hero

Hero Fullwidth Top

Card Asset

Integrations Circular

Integrations Double Circular

Countdown Comonent

Progress Bar

Rain Component

QR Generator

Animated Graph Asset

Webcam

Banner Newsletter

Timed Banner

Ticker Banner

3D Button

Button Group

Copy Cutton

Link Button

Mega Button

Mouse Follow Button

Primary Button

Testimonial Quote Card

Primary Round

Barcode Asset

Secondary Button

Circular Progress Bar

Secondary Rounded

Integrations Ticker

Bar Asset

Continuous Progress Bar

Integrations Slideshow

Animated Blur Gradient

Keyboard Asset

Tactile Button

Facebook Share

Bento 3

LinkedIn Share

Whatsapp Share

X/Twitter Share

Stat Cards

Icon and Text Card

Image and Text Card

Overlay Text Card

Overlay Title Card

Testimonial Card

Testimonial Overlay Card

Simple Testimonial Card

Bento Apple

Testimonial Verified Card

Video Cards

Bento 4 Sharp

Dropdown

Left Nav

Bento 4 Symetrical

Left Nav Vertical

Mega Navigation

Rectangle Topbar

Rounded Topbar

Simple Topbar Center

Bento 4 Simple

Fullwidth Nabar

Simple Topbar

Carousel Step

Timed Round Tabs

Tabs Button

Hero Two Column

Timed Tabs

Tabs Underline

Bento 6

Bento 9

Bento 4

Bento double container

Accelerated Ticker CTA

Book a call CTA

CTA Card

CTA Colored

Contact Us CTA

Globe CTA

Left Aligned CTA

Mega Button CTA

CTA Mobile

Mobile QR CTA

CTA Subscription

CTA Text

Text Rays

Ticker CTA

FAQ Centered

FAQ Left Aligned

FAQ Cards

FAQ Double Column

FAQ Categories

FAQ Accordian

Text Grid FAQ

Text FAQ

Checkpoints Features

Checkpoints2

Simple Left

Simple Left Points

Simple Right

Simple Right Points

Text Only Left

Text Only Right

Timed Circle

Timed 2

Timed Toggle 2

Footer Big

Form Hero

Bold Dark 2

Bold Dark Footer

Bold Footer

Big Giant CTA

Footer Grid

Mega Footer

Mini Footer

Footer Popular

Supermini Footer

Hero Center Aligned

Ticker Hero

Overlay Form Hero

Two Option Hero

Hero Left Aligned

Fingerprint Assets

Hero Right Aligned

Hero Overlay Center

Hero Overlay Left

Dashboard Video

Pricing 3 Tier

Pricing 1 Tier

Pricing 4 Tier

Pricing Table

Advanced Table

Flat Pricing

Slider

Two Tiers

Vertical Pricing

Big Device Stat

Card Grid 8 Stats

horizontal-3 Stats

3 Points

Chart Grid Stats

Circular Cards

Count Up Number Stats

Globe Grid Stats

Long Text Stat

Points 4 Stats

Primary Cards

Ray Card Stats

Animated Testimonial

Companies Testimonials

Masonary Testimonial

Quote Image

Quote Testimonials

Simple Two Testimonial

Slideshow Testimonials

Ticker Testimonials

Video Testimonials

Trust Black Grid

Trust Black Ticker

Trust Card 2

Trust Card

Trust Center Aligned

Trust Color Grid

Trust Color Ticker

Trust Color Stack

Trust Gray Grid

Trust Gray Stack

Trust Gray Ticker

Trust Left Aligned

Trust Black Stack

Trust Reviews

UI Kit
·
247

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

Filter By

New

CMS Collection Ticker

New

CMS - Time to read / word counter

New

Random CMS Item

New

CMS Image Carousel Field

New

Patterns

New

Season Discount Banner

New

Shiny Button

New

Search Animation

New

3D Chip Asset

CMS Image Corner Radius

Manual Theme Toggle with Memory

CMS Alt to Description

Before After Slider

Days Since / Days Ago Component

Press Key Action

DVD Hero for Design Studios

Family Center Aligned Hero

Encrypted Crypto Cards

CMS Loading for Framer CMS

Pagination for Framer CMS

Dynamic CMS Previous and Next Item

CMS Child Counter / Item Counter

Dynamic Back Override

Any Image / CMS Image Lightbox

CMS Dynamic Table of Contents

404 No Internet Dino Game

Stacked Card Shuffle Interaction

Timeline Progress Component

Realtime Youtube views, subscribers, latest video, thumbnail

Animated Vinyl Audio Player

3D Project Cards

Slide to Unlock

Timed Focus Features

Annoying Notifications

Grids for Framer

Speaker Section Highlights

Safe Unlock Animation

Contextual System Buttons

Integration Path Follow Feature

Fingerprint Scanner Interaction

Whiteboard Features

Decrypt On Hover

File Decrypt Animation

Glowing Rainbow Button

Height App Rainbow Space Wrap

Checklist Confetti Animation

Apple Face ID Animation

Success Pill Animation

Magic Ball Card

Parallax Mouse Effect

Keyboard Movement Override

Speedometer Card

Voice Record Interaction

Air Travel Interaction

Slinky Stacked Cards

JS Circular Loaders

Star Sparkle Effect

Proximity Sensor

Random Fact Generator

Live Crypto Prices

Tactile 3D Keyboard

Ultimate Location Fetcher Framer Component

Ultimate System Info code component

Curved Integration Section

Fireworks card

Bubble Up Card Effect

Meteor Shower Component

Real Physics Collision Card

Radar Sweep Component

Radar Pulse Component

Password Card

Hero Fullwidth Bottom

Toggle Features

Animated Bar Chart

Pricing 2 Tier

Bold Hero

Coding Asset

App Hero

Hero Fullwidth Top

Card Asset

Integrations Circular

Integrations Double Circular

Countdown Comonent

Progress Bar

Rain Component

QR Generator

Animated Graph Asset

Webcam

Banner Newsletter

Timed Banner

Ticker Banner

3D Button

Button Group

Copy Cutton

Link Button

Mega Button

Mouse Follow Button

Primary Button

Testimonial Quote Card

Primary Round

Barcode Asset

Secondary Button

Circular Progress Bar

Secondary Rounded

Integrations Ticker

Bar Asset

Continuous Progress Bar

Integrations Slideshow

Animated Blur Gradient

Keyboard Asset

Tactile Button

Facebook Share

Bento 3

LinkedIn Share

Whatsapp Share

X/Twitter Share

Stat Cards

Icon and Text Card

Image and Text Card

Overlay Text Card

Overlay Title Card

Testimonial Card

Testimonial Overlay Card

Simple Testimonial Card

Bento Apple

Testimonial Verified Card

Video Cards

Bento 4 Sharp

Dropdown

Left Nav

Bento 4 Symetrical

Left Nav Vertical

Mega Navigation

Rectangle Topbar

Rounded Topbar

Simple Topbar Center

Bento 4 Simple

Fullwidth Nabar

Simple Topbar

Carousel Step

Timed Round Tabs

Tabs Button

Hero Two Column

Timed Tabs

Tabs Underline

Bento 6

Bento 9

Bento 4

Bento double container

Accelerated Ticker CTA

Book a call CTA

CTA Card

CTA Colored

Contact Us CTA

Globe CTA

Left Aligned CTA

Mega Button CTA

CTA Mobile

Mobile QR CTA

CTA Subscription

CTA Text

Text Rays

Ticker CTA

FAQ Centered

FAQ Left Aligned

FAQ Cards

FAQ Double Column

FAQ Categories

FAQ Accordian

Text Grid FAQ

Text FAQ

Checkpoints Features

Checkpoints2

Simple Left

Simple Left Points

Simple Right

Simple Right Points

Text Only Left

Text Only Right

Timed Circle

Timed 2

Timed Toggle 2

Footer Big

Form Hero

Bold Dark 2

Bold Dark Footer

Bold Footer

Big Giant CTA

Footer Grid

Mega Footer

Mini Footer

Footer Popular

Supermini Footer

Hero Center Aligned

Ticker Hero

Overlay Form Hero

Two Option Hero

Hero Left Aligned

Fingerprint Assets

Hero Right Aligned

Hero Overlay Center

Hero Overlay Left

Dashboard Video

Pricing 3 Tier

Pricing 1 Tier

Pricing 4 Tier

Pricing Table

Advanced Table

Flat Pricing

Slider

Two Tiers

Vertical Pricing

Big Device Stat

Card Grid 8 Stats

horizontal-3 Stats

3 Points

Chart Grid Stats

Circular Cards

Count Up Number Stats

Globe Grid Stats

Long Text Stat

Points 4 Stats

Primary Cards

Ray Card Stats

Animated Testimonial

Companies Testimonials

Masonary Testimonial

Quote Image

Quote Testimonials

Simple Two Testimonial

Slideshow Testimonials

Ticker Testimonials

Video Testimonials

Trust Black Grid

Trust Black Ticker

Trust Card 2

Trust Card

Trust Center Aligned

Trust Color Grid

Trust Color Ticker

Trust Color Stack

Trust Gray Grid

Trust Gray Stack

Trust Gray Ticker

Trust Left Aligned

Trust Black Stack

Trust Reviews

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