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.

You can now create component property groups — which means you can more easily reuse components throughout your site 🖥️ Easier-to-use components, more design consistency, stunning sites.

Webflow

157,858 subscribers

20,748 views • 2 years ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

10 Comments

Tejus Kabadi2 years ago

Tiny but Mighty

Jordan Gilroy2 years ago

Lovely little quality of life update

Riziki | Webflow design+dev2 years ago

Loving the improvements to components! Keep 'em coming 🙌

silso2 years ago

Nice quality of life update. WF always be 🚢

Boris Cerka2 years ago

We need components in cms, inside rich text as an example.

Ollie Brown2 years ago

This will really help with clients taking control of things. Organisation is key!

Jarek Kowalczyk2 years ago

More order in our life is always welcome.

JooMin Choi2 years ago

Love these type of quality of life updates!

Jaimz Hodge2 years ago

😃 That's such a great little feature. Time to organize my crazy components 🫣

William.2 years ago

Just more evidence for me to convince my job to switch over to Webflow

Related Videos

You can now dynamically control filter, sort, and limit settings on Collection lists — all through component properties (including a new Number prop type 🙌). Here’s what this means for your workflow: ✨ Easily reuse the same Collection list component in multiple contexts — with different content 🔧 Marketers are empowered to leverage and tweak these components directly in build mode without designer oversight or approval. Learn more here:

You can now dynamically control filter, sort, and limit settings on Collection lists — all through component properties (including a new Number prop type 🙌). Here’s what this means for your workflow: ✨ Easily reuse the same Collection list component in multiple contexts — with different content 🔧 Marketers are empowered to leverage and tweak these components directly in build mode without designer oversight or approval. Learn more here:

Webflow

13,238 views • 1 year ago

🎉Variable modes are here! This latest update helps supercharge your scalable design systems. Now you can create sets of variable values that can easily be switched and applied throughout your site – unlocking responsive design across devices, efficient theming, and fewer variables to manage overall.

🎉Variable modes are here! This latest update helps supercharge your scalable design systems. Now you can create sets of variable values that can easily be switched and applied throughout your site – unlocking responsive design across devices, efficient theming, and fewer variables to manage overall.

Webflow

21,398 views • 1 year ago

Build on-brand sites faster with Libraries! 🎉 Now you can share components and variables across multiple sites in your Workspace, enabling your team to build on-brand experiences quickly and manage updates effortlessly. Learn more: And we're just getting started — stay tuned for more updates at #WebflowConf

Webflow

15,911 views • 1 year ago

🚀 Empower your team with component slots! Now, designers can enable team members and clients to arrange components within flexible placeholders, enhancing composability and ensuring brand consistency. Explore the possibilities with slots today:

Webflow

29,434 views • 2 years ago

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Announcing Custom Components on Magic Patterns Create a component, add it to your library, reuse it on anything you create. Using your design system has already been live in beta for 1000s of customers and the results are absolutely INSANE.

Alex Danilowicz

33,189 views • 1 year ago

Cursor can now create new components and frontends in Figma using your team's design system.

Cursor can now create new components and frontends in Figma using your team's design system.

Cursor

634,118 views • 3 months ago

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

Introducing remocn/ui 😱 shadcn components, but for Remotion video No more building custom components, recording your screen, opening After Effects, and editing videos Now you can simply add a component to your code and turn it into a video Form filling, button clicks, select dropdown interactions, toast notifications, and 28 more components included 👇

KapishDima

57,544 views • 29 days ago

Here are some animated components you can use in your project.

Here are some animated components you can use in your project.

Toby

52,200 views • 2 months ago

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on

The new Open in v0 lets you take your components to v0 for prompting. My new workflow is component to v0 to editor. You can try it now on

shadcn

173,352 views • 1 year ago

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Just pushed a new version, now you can use it to create components! If you encounter errors, please restart @Figma or re-login to your plugin account to clear the cache.

Joshua Guo

23,316 views • 6 months ago

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

you can steal react components from any website without source code most people screenshot UIs and ask AI to recreate them. but with react fiber, you can extract the exact component 1:1 - same styling, props, design system, component structure

david fant

323,849 views • 6 months ago

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

We are announcing the Supabase UI Library, a set of shadcn-based components you can easily add to your app to implement common features! You can easily add sign-in/sign-up, image drop-zone, real-time chat, and many other components to your app using the shadcn CLI!

Supabase

125,241 views • 1 year ago

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.

Now you can compare shadcn components side by side with Fluid Functionalism components. Hover the difference.

Micka

40,528 views • 2 months ago

Want to move faster in Astro? gives your team ready-to-use components you can tweak and grow with.

Want to move faster in Astro? gives your team ready-to-use components you can tweak and grow with.

Bejamas

11,556 views • 3 months ago

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

"How can I use server components for data fetching if all my components also need hooks or onClick?" Move the interactive part into a separate component

Alex Sidorenko

50,631 views • 1 year ago

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Component style variants are here! You can now define multiple style options for a single component — like a Button with solid and outline styles, a Card with horizontal and vertical variants, and more 🤯 Read more in the updates post:

Webflow

19,978 views • 1 year ago

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓

⚛️ Use TypeScript utility types like Omit to create more reusable and adaptable components ↓

George Moller

50,215 views • 1 year 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

82,707 views • 20 days ago

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

UI/UX Designers, you can now access a complete set of mobile UI components without starting from scratch. I found this amazing resource called Wise Design System, it’s one of the cleanest UI components collection out there and well documented from action buttons to pulldown menus. Each component comes with anatomy, states & behavior, plus design do’s and don’ts to guide you. Bookmark it for later 💜

Abraham John 🦄🦓

56,362 views • 2 months ago