Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

SegmentUI design system & UI Kit for Framer is finally here! Copy paste 100+ responsive, dynamic, themed sections, components & overrides with just 2 clicks. →

Nabeel

6,135 subscribers

34,476 views • 2 years ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

11 Comments

Nabeel2 years ago

s/o @FramerAuth @Dannysapio @0xJJW @thereal_apk @prathamux @hckmstrrahul among many others for helping me with the project 💙

Praha2 years ago

@framer all the best man!

Nabeel2 years ago

@framer Thank you!

Fabrice Faure-Grise2 years ago

@framer I'm in, good job 🤩

Nabeel2 years ago

@framer Thanks mate 💙

Ashwin Pradeep Kumar2 years ago

@framer Congrats on the launch bro!🤩

Nabeel2 years ago

@framer Thank you 🫡

Michael2 years ago

@framer smooth 🫡

Nabeel2 years ago

@framer Thank you kind ser

Nicolas Duchemin2 years ago

@framer I pre-ordered it a while ago. Great to finally be able to play with it!

Nabeel2 years ago

@framer Thank you for pre ordering! My DMs are open for feedback if you have any 😄

Related Videos

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Introducing Code Blocks A set of UI components & utilities to show your code beautifully. ✓ Copy-Paste. 100% free. ✓ Shiki or Sugar-High for syntax highlighter. ✓ Add components with shadcn /ui CLI. ✓ Docs built with Next.js + Base UI ✨

Pablo

17,916 views • 4 months ago

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Excited to announce gluestack-ui v1.0! 🤩 A universal & performant UI components library for web & mobile! gluestack v1 is — 🎨 Unstyled / Themed ⚡️ Performant ♿️ Accessible 🖥️ Responsive 🌙 Dark-mode enabled 📱 For React Native & Web RT & vote here:

Sanket Sahu

41,646 views • 2 years ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,934 views • 11 months ago

The fastest way to design & build a website with the help of AI ✨ → Sitemaps in seconds → Wireframes with copy in minutes → Paste in to Figma & Webflow Powered by a design system of 1000+ components to generate production-quality websites

The fastest way to design & build a website with the help of AI ✨ → Sitemaps in seconds → Wireframes with copy in minutes → Paste in to Figma & Webflow Powered by a design system of 1000+ components to generate production-quality websites

Relume

776,758 views • 2 years ago

A/B Testing for Framer → Assign frequency weights for each section → Track link clicks with Google Analytics → No additional subscription needed. Just copy, paste and deploy.

A/B Testing for Framer → Assign frequency weights for each section → Track link clicks with Google Analytics → No additional subscription needed. Just copy, paste and deploy.

Nabeel

14,539 views • 1 year ago

🚨 SegmentUI Design System for Framer is now live! Use this as a base of your next project. Covers everything from styes, animation, components, layouts, forms and CMS → Also giving away 2 Licenses, comment "SEGMENT" and I'll pick 2 at random after 48 hours

🚨 SegmentUI Design System for Framer is now live! Use this as a base of your next project. Covers everything from styes, animation, components, layouts, forms and CMS → Also giving away 2 Licenses, comment "SEGMENT" and I'll pick 2 at random after 48 hours

Nabeel

25,702 views • 2 years ago

🍱 Bentos Framer Design Kit is Ready! I'll give a reduced version to followers for FREE. Just follow me, like this post and comment “🍱" and I'll send the template for you. Link for the demo site here: 100% components, over 170 of them, 3 text and 4 color styles. 7 clicks to customise the whole design.

🍱 Bentos Framer Design Kit is Ready! I'll give a reduced version to followers for FREE. Just follow me, like this post and comment “🍱" and I'll send the template for you. Link for the demo site here: 100% components, over 170 of them, 3 text and 4 color styles. 7 clicks to customise the whole design.

Benjamin Libor

39,919 views • 2 years ago

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

If you want to design faster in Figma, Use blocks. → A free library of ready-to-use Figma UI blocks. Copy any component, paste it into your file, and start building instantly. Perfect for landing pages, layouts, and UI sections. Use it for: • landing page sections • UI components • layout structures • quick prototypes • design inspiration you can actually use Stop designing everything from scratch.

Kailash

80,122 views • 13 days ago

Copy, paste, ship 🚀 Delighted to announce that framer.⁠today is now available for everyone — it's a live marketplace of totally free, do-what-you-want components, overrides, and no-code resources for Framer. No sign up necessary. Show some love with an RT 🔁

Copy, paste, ship 🚀 Delighted to announce that framer.⁠today is now available for everyone — it's a live marketplace of totally free, do-what-you-want components, overrides, and no-code resources for Framer. No sign up necessary. Show some love with an RT 🔁

Joe Lee

37,665 views • 2 years ago

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

Introducing HeseUI - Foundation components built on Base UI I created this project for personal use and rebranded it today. - Uses shadcn design system and registry - Built on growing base-ui - Responsive, optimized components - v0 supported Check it out below 👇

preet

20,452 views • 10 months ago

Store Conversion Kit is live! Build winning stores. Add powerful sections in seconds. No developers. No Coding Skills. Just copy-paste. Comment "conversion" to unlock FREE sections. (must be following)

Store Conversion Kit is live! Build winning stores. Add powerful sections in seconds. No developers. No Coding Skills. Just copy-paste. Comment "conversion" to unlock FREE sections. (must be following)

Burkisoy

11,231 views • 1 year ago

Found a pretty good Figma & Framer UI kit for landing pages - Palm UI. The Figma version is entirely free as well. Thank me later 😇

Found a pretty good Figma & Framer UI kit for landing pages - Palm UI. The Figma version is entirely free as well. Thank me later 😇

Design Chief Priest

23,448 views • 10 months ago

🔮 Ready to kickstart your AI-themed website? We’ve got you covered! We just launched a free AI Startup Website Kit for Framer and @Figma. It’s packed with components, layouts, icons, and 3D elements to help you get started.

🔮 Ready to kickstart your AI-themed website? We’ve got you covered! We just launched a free AI Startup Website Kit for Framer and @Figma. It’s packed with components, layouts, icons, and 3D elements to help you get started.

Framer

36,210 views • 2 years ago

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

🖤 UI-verse 👉 851 open-source UI elements for any project ◆ 100% free for personal or commercial use ◆ Made with HTML & CSS ◆ Created by a community of over 10,000 contributors #design #uxui #ui #html #css #uidesign #components

Adham Dannaway

72,032 views • 3 years ago

I'm building a new Framer Template. This hero component is a taste of what's coming: – 2 Premium layouts (split & centred) – 100% Responsive design – Ready to use Like, RT & comment "Hero" and I'll DM it now (must follow)

I'm building a new Framer Template. This hero component is a taste of what's coming: – 2 Premium layouts (split & centred) – 100% Responsive design – Ready to use Like, RT & comment "Hero" and I'll DM it now (must follow)

Andrea Montini

27,058 views • 1 year ago

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

It’s here. Beautifully designed components built with Radix UI and Tailwind CSS. A collection of accessible and customizable components that you can copy and paste into your apps. Free. Open Source. And Next.js 13 Ready.

shadcn

666,968 views • 3 years ago

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

UI Components Handbook Collection of popular user interface components with guides on how to use them, Figma design samples & code snippets (HTML/Tailwind CSS)

Nick Babich

120,191 views • 2 years ago

2 face just did Copy and paste here…

2 face just did Copy and paste here…

Chudé

389,292 views • 1 year ago

See Kites Design in Action! ✨ We created a short animation to show how Kites Design helps UI/UX designers copy & paste mobile app UI components into Figma instantly! 👀 What do you think? Reply with your thoughts! Join the waitlist & get early access: #UIDesign #Figma #UXDesign #KitesDesign #MobileDesign #BetaTesting

See Kites Design in Action! ✨ We created a short animation to show how Kites Design helps UI/UX designers copy & paste mobile app UI components into Figma instantly! 👀 What do you think? Reply with your thoughts! Join the waitlist & get early access: #UIDesign #Figma #UXDesign #KitesDesign #MobileDesign #BetaTesting

Kites Design

146,665 views • 1 year ago

🚀 Introducing Tailark Mist! A fresh shadcn /UI marketing block kit with an airy, Notion-inspired look. ✨ Free & open-source ✨ Easy install: Copy-paste, `shadcn add`, or open in v0 ✨ Free & open-source Check it at

🚀 Introducing Tailark Mist! A fresh shadcn /UI marketing block kit with an airy, Notion-inspired look. ✨ Free & open-source ✨ Easy install: Copy-paste, `shadcn add`, or open in v0 ✨ Free & open-source Check it at

Méschac Irung

33,920 views • 1 year ago