Back
![](https://framerusercontent.com/images/6vN0QSJe9LYVeeOlksTTEKXURec.gif)
![](https://framerusercontent.com/images/6vN0QSJe9LYVeeOlksTTEKXURec.gif)
![](https://framerusercontent.com/images/6vN0QSJe9LYVeeOlksTTEKXURec.gif)
Rain Component
Style
Light & Dark
Responsive
Desktop, Tab, Mobile
Code Component
Yes
This component is a part of the 260+ components, layouts and code overrides from the SegmentUI KIt. Learn More. We also have a library of freebies here
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 500+ assets, components, power ups, upgrades, code overrides, layouts, design systems, Premium templates 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
![](https://framerusercontent.com/images/wnJFEMN7ZhTNcNpWnT86Ewi4Olg.png?scale-down-to=512)
![](https://framerusercontent.com/images/wnJFEMN7ZhTNcNpWnT86Ewi4Olg.png?scale-down-to=512)
![](https://framerusercontent.com/images/wnJFEMN7ZhTNcNpWnT86Ewi4Olg.png?scale-down-to=512)
![](https://framerusercontent.com/images/siFql3tkVTh8DiNqWnjLVFXKpik.png?scale-down-to=512)
![](https://framerusercontent.com/images/siFql3tkVTh8DiNqWnjLVFXKpik.png?scale-down-to=512)
![](https://framerusercontent.com/images/siFql3tkVTh8DiNqWnjLVFXKpik.png?scale-down-to=512)
vs
![](https://framerusercontent.com/images/4zMEV1uhjxI2wEI3UpfxRDcO8mI.png?scale-down-to=512)
![](https://framerusercontent.com/images/4zMEV1uhjxI2wEI3UpfxRDcO8mI.png?scale-down-to=512)
![](https://framerusercontent.com/images/6VzPbISuaY9ICpjejCrOVj58eNY.png?scale-down-to=512)
![](https://framerusercontent.com/images/6VzPbISuaY9ICpjejCrOVj58eNY.png?scale-down-to=512)
Power up your Design Workflow
Constantly updating, 360 degree solutions for Framer. Build more, design faster, sell more, charge more
For Framer
For Figma
![](https://framerusercontent.com/images/jK2Baz9QW0BYsERXrfOt7D2MA0.png?scale-down-to=2048)
![](https://framerusercontent.com/images/6RArDpGNz10bDisz9UJzi9J6qh8.png?scale-down-to=2048)
![](https://framerusercontent.com/images/z08qRV3xODZnyA9qL6LJL1Bg0.png?scale-down-to=2048)
![](https://framerusercontent.com/images/u2rxXuOHkRf3OPGqgD1eTlXlnA.png?scale-down-to=2048)
![](https://framerusercontent.com/images/rFqSJwGkl32gYXSflXmouT0uU.png?scale-down-to=2048)
![](https://framerusercontent.com/images/pdr6xzI6ar730OL41r7sgKn52I.png?scale-down-to=2048)
![](https://framerusercontent.com/images/zyGpvW9lyKIl9Ys9RSuA3aAbN4k.png?scale-down-to=2048)
![](https://framerusercontent.com/images/Jfl6kDnX5pPrQAOHJ5L1u4xyyaQ.png?scale-down-to=2048)
![](https://framerusercontent.com/images/ii8x0IXlps49DmkSJdNfc8wDZTg.png?scale-down-to=2048)
Framer UI Kit & Design System
![](https://framerusercontent.com/images/aCQwamce3dYvotJML7NPn6gb5s.png)
Realtime Stock Price
New
![](https://framerusercontent.com/images/Vvah0A6PxD9HXm36j7FWhY1lAnc.png)
On Scroll Text Effects
New
![](https://framerusercontent.com/images/kq0ncx6ddi5qV8SQB0JRRXTv4.png)
Gated Email Content
New
![](https://framerusercontent.com/images/Ng0ET37J7tSm7qlmQkcOsFoyoU.gif)
Bounded Mouse Follow
New
![](https://framerusercontent.com/images/UMVhzzKj1JLiOr4V3zdCbU59yNU.png)
Scroll Text Reveal
New
![](https://framerusercontent.com/images/R9CFyg4FWoHo4CqsXiMerLQpc.gif)
Fingerprint Activate
New
![](https://framerusercontent.com/images/vDemwP704PQZ4Qnivhfjva3oOcI.png)
Image Watermark Component
New
![](https://framerusercontent.com/images/sjrZaxKN8YYOYfC9ERJOxO5KhM.gif)
Sticky Zooming
New
![](https://framerusercontent.com/images/o9dAjl9ZISIWQwJUlLp0xi2CfX8.gif)
Net Worth Asset
New
![](https://framerusercontent.com/images/tICpDTRehRSAukNy8oOFs3b8.gif)
Scroll Scrubbing
New
![](https://framerusercontent.com/images/WgIGxt5PxO9db5cYTMW7GBwNXk.png)
Linear Text Unblur Entrance
![](https://framerusercontent.com/images/f0C9R3ysnGgl7d5lA47WDgXo8.gif)
Money Rain Component
![](https://framerusercontent.com/images/EG77H9FUM34tram0tlFRIffxc0.png)
Custom Right Click Menu
![](https://framerusercontent.com/images/iglV1qZdKGbeMML1GbXFJSyLbHQ.gif)
Realtime Search for Framer CMS
![](https://framerusercontent.com/images/kd6WKjvYyoHShlrUKRHoQo6ciQ.png)
Sound On Click
Code Components & CMS Upgrades
![](https://framerusercontent.com/images/ePvvZMGeTWEUtrQIoOZO8Y5BFk.png)
![](https://framerusercontent.com/images/DyV51o3PGlkuaneKtXToLspmY.png?scale-down-to=512)
![](https://framerusercontent.com/images/uOne3MEtcO6TANC3cMWKR5NEJE.png)
![](https://framerusercontent.com/images/s0jptMwul6G3Zjgof6JDNLYsXE.png)
Templates
Loved by Designers, Developers and Founders
See what our 3500+ customers have to say
![](https://framerusercontent.com/images/x3akSgB39PWOQHKdpgKHaLr6m0w.png)
Ajinkya Gajbhiye
@Ajinqya
Designer
"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."
![](https://framerusercontent.com/images/O9HPz4irSqTWyzIWW7OWK19B1LM.png)
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."
![](https://framerusercontent.com/images/ugLmib3tGVLmoYk3yNgOZuN4bes.png)
Brian
@ZeroSevDesigns
Framer Partner
"…The Fastest way to get started on your framer projects…"
![](https://framerusercontent.com/images/7pmcBRQkLQsMkg6ozaI4FkuGaM.png)
Carlos G
@CarlosGeeronimo
Framer Designer
"Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"
![](https://framerusercontent.com/images/7ZcfNmIihq0sWgZEdI3vYBC3c.png)
Breeje Anadkat
@BreejeAnadkat
Product Designer
"...Segment UI by @itsnotnabeel is one of the best ones out there"
![](https://framerusercontent.com/images/z4ENOFQOccJ8moWxTBgz2ZOuzF4.png)
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. “
![](https://framerusercontent.com/images/jL3mslxOcvOK2MlT8amez5je8AY.png?scale-down-to=2048)
![](https://framerusercontent.com/images/NUs1AhrJj6S5jXGCIgnML5LS9E.png)
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…"
![](https://framerusercontent.com/images/xHzLAby7CYsOCXZYsrYhsegzO5U.png)
Jemsee D
@jemsee_d
Official Framer Partner
"…Watch your vision come to life without writing a single line of code…"
![](https://framerusercontent.com/images/Tagqnj5iKU13DY36cjVBjqodA.png)
dudu
@Duduagency
Founder, ToolFolio
"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"
![](https://framerusercontent.com/images/aoNukO15IMsrbDHEvDadSmVXoZA.png)
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!"
![](https://framerusercontent.com/images/R6TI3RmPMmbaUjOoQK6QmOqME0.png)
Punit Chawla
@PunitChawla
Founder Designwings UX/UI School
"…Its basically a never ending list of 100s if not 1000s of templates in one place"
![](https://framerusercontent.com/images/1YwlYSGuOTCzxqqAPAEjxQz6Lz8.png)
Charles Brewer
@charlesbrewer
Designer
"Great job! This is super useful to the Framer community!..."
![](https://framerusercontent.com/images/gW4PTLcQEHxYqHPys8R0Ny1SY.png)
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..."
![](https://framerusercontent.com/images/3aR9OyDc6Umjed0qIMLJOtrsA.png)
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
Pro
$99
One Time Payment
![](https://framerusercontent.com/images/3I48P7soGlqBtGzAJ2xY4u3zHc.png)
Full Access to the Figma UI Kit
![](https://framerusercontent.com/images/CLdu0lwlZ0tYIvbYaTaSeQuxOOM.png)
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
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.
Links
Blog
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Power up your Design Workflow
Constantly updating, 360 degree solutions for Framer. Build more, design faster, sell more, charge more
For Framer
For Figma
![](https://framerusercontent.com/images/jK2Baz9QW0BYsERXrfOt7D2MA0.png?scale-down-to=2048)
![](https://framerusercontent.com/images/6RArDpGNz10bDisz9UJzi9J6qh8.png?scale-down-to=2048)
![](https://framerusercontent.com/images/z08qRV3xODZnyA9qL6LJL1Bg0.png?scale-down-to=2048)
![](https://framerusercontent.com/images/u2rxXuOHkRf3OPGqgD1eTlXlnA.png?scale-down-to=2048)
![](https://framerusercontent.com/images/rFqSJwGkl32gYXSflXmouT0uU.png?scale-down-to=2048)
![](https://framerusercontent.com/images/pdr6xzI6ar730OL41r7sgKn52I.png?scale-down-to=2048)
![](https://framerusercontent.com/images/zyGpvW9lyKIl9Ys9RSuA3aAbN4k.png?scale-down-to=2048)
![](https://framerusercontent.com/images/Jfl6kDnX5pPrQAOHJ5L1u4xyyaQ.png?scale-down-to=2048)
![](https://framerusercontent.com/images/ii8x0IXlps49DmkSJdNfc8wDZTg.png?scale-down-to=2048)
Framer UI Kit & Design System
![](https://framerusercontent.com/images/aCQwamce3dYvotJML7NPn6gb5s.png)
Realtime Stock Price
New
![](https://framerusercontent.com/images/Vvah0A6PxD9HXm36j7FWhY1lAnc.png)
On Scroll Text Effects
New
![](https://framerusercontent.com/images/kq0ncx6ddi5qV8SQB0JRRXTv4.png)
Gated Email Content
New
![](https://framerusercontent.com/images/Ng0ET37J7tSm7qlmQkcOsFoyoU.gif)
Bounded Mouse Follow
New
![](https://framerusercontent.com/images/UMVhzzKj1JLiOr4V3zdCbU59yNU.png)
Scroll Text Reveal
New
![](https://framerusercontent.com/images/R9CFyg4FWoHo4CqsXiMerLQpc.gif)
Fingerprint Activate
New
![](https://framerusercontent.com/images/vDemwP704PQZ4Qnivhfjva3oOcI.png)
Image Watermark Component
New
![](https://framerusercontent.com/images/sjrZaxKN8YYOYfC9ERJOxO5KhM.gif)
Sticky Zooming
New
![](https://framerusercontent.com/images/o9dAjl9ZISIWQwJUlLp0xi2CfX8.gif)
Net Worth Asset
New
![](https://framerusercontent.com/images/tICpDTRehRSAukNy8oOFs3b8.gif)
Scroll Scrubbing
New
![](https://framerusercontent.com/images/WgIGxt5PxO9db5cYTMW7GBwNXk.png)
Linear Text Unblur Entrance
![](https://framerusercontent.com/images/f0C9R3ysnGgl7d5lA47WDgXo8.gif)
Money Rain Component
![](https://framerusercontent.com/images/EG77H9FUM34tram0tlFRIffxc0.png)
Custom Right Click Menu
![](https://framerusercontent.com/images/iglV1qZdKGbeMML1GbXFJSyLbHQ.gif)
Realtime Search for Framer CMS
![](https://framerusercontent.com/images/kd6WKjvYyoHShlrUKRHoQo6ciQ.png)
Sound On Click
Code Components & CMS Upgrades
![](https://framerusercontent.com/images/ePvvZMGeTWEUtrQIoOZO8Y5BFk.png)
![](https://framerusercontent.com/images/DyV51o3PGlkuaneKtXToLspmY.png?scale-down-to=512)
![](https://framerusercontent.com/images/uOne3MEtcO6TANC3cMWKR5NEJE.png)
![](https://framerusercontent.com/images/s0jptMwul6G3Zjgof6JDNLYsXE.png)
Templates
Loved by Designers, Developers and Founders
See what our 3500+ customers have to say
![](https://framerusercontent.com/images/x3akSgB39PWOQHKdpgKHaLr6m0w.png)
Ajinkya Gajbhiye
@Ajinqya
Designer
"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."
![](https://framerusercontent.com/images/O9HPz4irSqTWyzIWW7OWK19B1LM.png)
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."
![](https://framerusercontent.com/images/ugLmib3tGVLmoYk3yNgOZuN4bes.png)
Brian
@ZeroSevDesigns
Framer Partner
"…The Fastest way to get started on your framer projects…"
![](https://framerusercontent.com/images/7pmcBRQkLQsMkg6ozaI4FkuGaM.png)
Carlos G
@CarlosGeeronimo
Framer Designer
"Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"
![](https://framerusercontent.com/images/7ZcfNmIihq0sWgZEdI3vYBC3c.png)
Breeje Anadkat
@BreejeAnadkat
Product Designer
"...Segment UI by @itsnotnabeel is one of the best ones out there"
![](https://framerusercontent.com/images/z4ENOFQOccJ8moWxTBgz2ZOuzF4.png)
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. “
![](https://framerusercontent.com/images/jL3mslxOcvOK2MlT8amez5je8AY.png?scale-down-to=2048)
![](https://framerusercontent.com/images/NUs1AhrJj6S5jXGCIgnML5LS9E.png)
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…"
![](https://framerusercontent.com/images/xHzLAby7CYsOCXZYsrYhsegzO5U.png)
Jemsee D
@jemsee_d
Official Framer Partner
"…Watch your vision come to life without writing a single line of code…"
![](https://framerusercontent.com/images/Tagqnj5iKU13DY36cjVBjqodA.png)
dudu
@Duduagency
Founder, ToolFolio
"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"
![](https://framerusercontent.com/images/aoNukO15IMsrbDHEvDadSmVXoZA.png)
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!"
![](https://framerusercontent.com/images/R6TI3RmPMmbaUjOoQK6QmOqME0.png)
Punit Chawla
@PunitChawla
Founder Designwings UX/UI School
"…Its basically a never ending list of 100s if not 1000s of templates in one place"
![](https://framerusercontent.com/images/1YwlYSGuOTCzxqqAPAEjxQz6Lz8.png)
Charles Brewer
@charlesbrewer
Designer
"Great job! This is super useful to the Framer community!..."
![](https://framerusercontent.com/images/gW4PTLcQEHxYqHPys8R0Ny1SY.png)
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..."
![](https://framerusercontent.com/images/3aR9OyDc6Umjed0qIMLJOtrsA.png)
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
Pro
$99
One Time Payment
![](https://framerusercontent.com/images/3I48P7soGlqBtGzAJ2xY4u3zHc.png)
Full Access to the Figma UI Kit
![](https://framerusercontent.com/images/CLdu0lwlZ0tYIvbYaTaSeQuxOOM.png)
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
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.
Links
Blog
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades
Power up your Design Workflow
Constantly updating, 360 degree solutions for Framer. Build more, design faster, sell more, charge more
For Framer
For Figma
![](https://framerusercontent.com/images/jK2Baz9QW0BYsERXrfOt7D2MA0.png?scale-down-to=2048)
![](https://framerusercontent.com/images/6RArDpGNz10bDisz9UJzi9J6qh8.png?scale-down-to=2048)
![](https://framerusercontent.com/images/z08qRV3xODZnyA9qL6LJL1Bg0.png?scale-down-to=2048)
![](https://framerusercontent.com/images/u2rxXuOHkRf3OPGqgD1eTlXlnA.png?scale-down-to=2048)
![](https://framerusercontent.com/images/rFqSJwGkl32gYXSflXmouT0uU.png?scale-down-to=2048)
![](https://framerusercontent.com/images/pdr6xzI6ar730OL41r7sgKn52I.png?scale-down-to=2048)
![](https://framerusercontent.com/images/zyGpvW9lyKIl9Ys9RSuA3aAbN4k.png?scale-down-to=2048)
![](https://framerusercontent.com/images/Jfl6kDnX5pPrQAOHJ5L1u4xyyaQ.png?scale-down-to=2048)
![](https://framerusercontent.com/images/ii8x0IXlps49DmkSJdNfc8wDZTg.png?scale-down-to=2048)
Framer UI Kit & Design System
![](https://framerusercontent.com/images/aCQwamce3dYvotJML7NPn6gb5s.png)
Realtime Stock Price
New
![](https://framerusercontent.com/images/Vvah0A6PxD9HXm36j7FWhY1lAnc.png)
On Scroll Text Effects
New
![](https://framerusercontent.com/images/kq0ncx6ddi5qV8SQB0JRRXTv4.png)
Gated Email Content
New
![](https://framerusercontent.com/images/Ng0ET37J7tSm7qlmQkcOsFoyoU.gif)
Bounded Mouse Follow
New
![](https://framerusercontent.com/images/UMVhzzKj1JLiOr4V3zdCbU59yNU.png)
Scroll Text Reveal
New
![](https://framerusercontent.com/images/R9CFyg4FWoHo4CqsXiMerLQpc.gif)
Fingerprint Activate
New
![](https://framerusercontent.com/images/vDemwP704PQZ4Qnivhfjva3oOcI.png)
Image Watermark Component
New
![](https://framerusercontent.com/images/sjrZaxKN8YYOYfC9ERJOxO5KhM.gif)
Sticky Zooming
New
![](https://framerusercontent.com/images/o9dAjl9ZISIWQwJUlLp0xi2CfX8.gif)
Net Worth Asset
New
![](https://framerusercontent.com/images/tICpDTRehRSAukNy8oOFs3b8.gif)
Scroll Scrubbing
New
![](https://framerusercontent.com/images/WgIGxt5PxO9db5cYTMW7GBwNXk.png)
Linear Text Unblur Entrance
![](https://framerusercontent.com/images/f0C9R3ysnGgl7d5lA47WDgXo8.gif)
Money Rain Component
![](https://framerusercontent.com/images/EG77H9FUM34tram0tlFRIffxc0.png)
Custom Right Click Menu
![](https://framerusercontent.com/images/iglV1qZdKGbeMML1GbXFJSyLbHQ.gif)
Realtime Search for Framer CMS
![](https://framerusercontent.com/images/kd6WKjvYyoHShlrUKRHoQo6ciQ.png)
Sound On Click
Code Components & CMS Upgrades
![](https://framerusercontent.com/images/ePvvZMGeTWEUtrQIoOZO8Y5BFk.png)
![](https://framerusercontent.com/images/DyV51o3PGlkuaneKtXToLspmY.png?scale-down-to=512)
![](https://framerusercontent.com/images/uOne3MEtcO6TANC3cMWKR5NEJE.png)
![](https://framerusercontent.com/images/s0jptMwul6G3Zjgof6JDNLYsXE.png)
Templates
Loved by Designers, Developers and Founders
See what our 3500+ customers have to say
![](https://framerusercontent.com/images/x3akSgB39PWOQHKdpgKHaLr6m0w.png)
Ajinkya Gajbhiye
@Ajinqya
Designer
"Amazing work Nabeel. This should be really helpful for people wanting to launch framer websites at speed."
![](https://framerusercontent.com/images/O9HPz4irSqTWyzIWW7OWK19B1LM.png)
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."
![](https://framerusercontent.com/images/ugLmib3tGVLmoYk3yNgOZuN4bes.png)
Brian
@ZeroSevDesigns
Framer Partner
"…The Fastest way to get started on your framer projects…"
![](https://framerusercontent.com/images/7pmcBRQkLQsMkg6ozaI4FkuGaM.png)
Carlos G
@CarlosGeeronimo
Framer Designer
"Anyone who creates things with Framer should keep the SegmentUI kit in mind to improve their workflow!"
![](https://framerusercontent.com/images/7ZcfNmIihq0sWgZEdI3vYBC3c.png)
Breeje Anadkat
@BreejeAnadkat
Product Designer
"...Segment UI by @itsnotnabeel is one of the best ones out there"
![](https://framerusercontent.com/images/z4ENOFQOccJ8moWxTBgz2ZOuzF4.png)
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. “
![](https://framerusercontent.com/images/jL3mslxOcvOK2MlT8amez5je8AY.png?scale-down-to=2048)
![](https://framerusercontent.com/images/NUs1AhrJj6S5jXGCIgnML5LS9E.png)
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…"
![](https://framerusercontent.com/images/xHzLAby7CYsOCXZYsrYhsegzO5U.png)
Jemsee D
@jemsee_d
Official Framer Partner
"…Watch your vision come to life without writing a single line of code…"
![](https://framerusercontent.com/images/Tagqnj5iKU13DY36cjVBjqodA.png)
dudu
@Duduagency
Founder, ToolFolio
"@itsnotnabeel is adding Value to Segment UI Every. Single. Day. One of my favorite @framer Resources out there"
![](https://framerusercontent.com/images/aoNukO15IMsrbDHEvDadSmVXoZA.png)
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!"
![](https://framerusercontent.com/images/R6TI3RmPMmbaUjOoQK6QmOqME0.png)
Punit Chawla
@PunitChawla
Founder Designwings UX/UI School
"…Its basically a never ending list of 100s if not 1000s of templates in one place"
![](https://framerusercontent.com/images/1YwlYSGuOTCzxqqAPAEjxQz6Lz8.png)
Charles Brewer
@charlesbrewer
Designer
"Great job! This is super useful to the Framer community!..."
![](https://framerusercontent.com/images/gW4PTLcQEHxYqHPys8R0Ny1SY.png)
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..."
![](https://framerusercontent.com/images/3aR9OyDc6Umjed0qIMLJOtrsA.png)
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
Pro
$99
One Time Payment
![](https://framerusercontent.com/images/3I48P7soGlqBtGzAJ2xY4u3zHc.png)
Full Access to the Figma UI Kit
![](https://framerusercontent.com/images/CLdu0lwlZ0tYIvbYaTaSeQuxOOM.png)
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
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.
Links
Blog
Latest Framer Releases
Freebie Library
Latest Templates
CMS Upgrades