Back
Before After Slider
Fully customizable before andafter slider that takes images and slider as inputs
Style
Light & Dark
Responsive
Desktop, Tab, Mobile
Code Component
Yes
Category
This component is a part of the 200+ components, layouts and code overrides from the SegmentUI KIt. Learn More. We also have a library of freebies here
Similar Items
New
CMS Collection Ticker
New
Random CMS Item
Encrypted Crypto Cards
CMS Loading for Framer CMS
Pagination for Framer CMS
Dynamic CMS Previous and Next Item
CMS Child Counter / Item Counter
CMS Dynamic Table of Contents
404 No Internet Dino Game
Timeline Progress Component
Realtime Youtube views, subscribers, latest video, thumbnail
3D Project Cards
Frequently Asked Questions
How can i use the dark version of this?
How can i make this responsive?
How do i change this to my brand color?
What is SegmentUI Pro?
SegmentUI Pro is a UI kit and component library containing 200+ Components and layouts and 4 Premium templates (StealthAI, BlockPool, DesignJungle, imagineAI) and a custom Framer code generator. You can preview the UI Kit here.
SegmentUI Pro is for Framer designers and template creators who want to power up their designs
After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend
SegmentUI Pro is for Framer designers and template creators who want to power up their designs
After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend
Who is SegmentUI Pro For?
SegmentUI Pro is for Framer designers and template creators who want to power up their designs
After creating multiple templates and client projects myself, I realised one thing - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To empower designers and to be able to allow them to deliver more value for the time they spend
SegmentUI Pro is for Framer designers and template creators who want to power up their designs
After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend
SegmentUI Pro is for Framer designers and template creators who want to power up their designs
After creating multiple templates and client projects myself, I realised one thing - - In order to make more revenue, you need to give more value. This was the main intent behind SegmentUI. To power up designers to and to be able to allow them to deliver more value for the time they spend
vs
The Pro Ecosystem
Constantly updating, 360 Degree solution for Framer and web design
Component Library
Ever expanding library of 240+ component, regularly updated
UI Kit
Biggest collection of styles and layouts for Framer
Templates
Pre-made, proven, ready to use templates for start ups and designers
Framer Code Genie
Create custom code with AI for Framer
Code Components
Fill the gap in Framer with unique, custom components
CMS Upgrades
Features for Framer CMS like pagination that just makes sense
Blogs & Tutorials
Tutorials and guides to level up your design skills
Free Foundation Kit
A base of responsive text and color styles to start your project for Framer & Figma
Remix Library Freebies
Biggest collection of free remixes from the Framer community
Framer Plugins
Coming Soon
Content Genie
Coming Soon
Figma UI Kit
Coming Soon
Guides &. Coursees
Coming Soon
Unlock everything with a one time payment
For the fraction of your next project, you can boost your workflow by 10 folds
Pro
$89
One Time Payment
Full Access to the UI Kit
Styles, Components, Code Overrides, Sections & Layouts
4 Premium Templates
StealthAI, BlockPool, DesignJungle, imagineAI worth $200+
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."
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."
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."
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.
UI Kit
Blog
Latest UI Kit Releases
Latest Freebies
Latest Templates
CMS Upgrades
The Pro Ecosystem
Constantly updating, 360 Degree solution for Framer and web design
Component Library
Ever expanding library of 240+ component, regularly updated
UI Kit
Biggest collection of styles and layouts for Framer
Templates
Pre-made, proven, ready to use templates for start ups and designers
Framer Code Genie
Create custom code with AI for Framer
Code Components
Fill the gap in Framer with unique, custom components
CMS Upgrades
Features for Framer CMS like pagination that just makes sense
Blogs & Tutorials
Tutorials and guides to level up your design skills
Free Foundation Kit
A base of responsive text and color styles to start your project for Framer & Figma
Remix Library Freebies
Biggest collection of free remixes from the Framer community
Framer Plugins
Coming Soon
Content Genie
Coming Soon
Figma UI Kit
Coming Soon
Guides &. Coursees
Coming Soon
Unlock everything with a one time payment
For the fraction of your next project, you can boost your workflow by 10 folds
Pro
$89
One Time Payment
Full Access to the UI Kit
Styles, Components, Code Overrides, Sections & Layouts
4 Premium Templates
StealthAI, BlockPool, DesignJungle, imagineAI worth $200+
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."
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."
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."
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.
UI Kit
Blog
Latest UI Kit Releases
Latest Freebies
Latest Templates
CMS Upgrades
The Pro Ecosystem
Constantly updating, 360 Degree solution for Framer and web design
Component Library
Ever expanding library of 240+ component, regularly updated
UI Kit
Biggest collection of styles and layouts for Framer
Templates
Pre-made, proven, ready to use templates for start ups and designers
Framer Code Genie
Create custom code with AI for Framer
Code Components
Fill the gap in Framer with unique, custom components
CMS Upgrades
Features for Framer CMS like pagination that just makes sense
Blogs & Tutorials
Tutorials and guides to level up your design skills
Free Foundation Kit
A base of responsive text and color styles to start your project for Framer & Figma
Remix Library Freebies
Biggest collection of free remixes from the Framer community
Framer Plugins
Coming Soon
Content Genie
Coming Soon
Figma UI Kit
Coming Soon
Guides &. Coursees
Coming Soon
Unlock everything with a one time payment
For the fraction of your next project, you can boost your workflow by 10 folds
Pro
$89
One Time Payment
Full Access to the UI Kit
Styles, Components, Code Overrides, Sections & Layouts
4 Premium Templates
StealthAI, BlockPool, DesignJungle, imagineAI worth $200+
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."
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."
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."
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.
UI Kit
Blog
Latest UI Kit Releases
Latest Freebies
Latest Templates
CMS Upgrades