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.

Introducing Components! A big step towards achieving design systems in 3d. ✏️ 🌳Components & Instances 📝Overrides 🔃Component Swapping We are shipping it as a beta for everyone. We would love to know your feedback! Demo: Remix:

Spline

110,824 subscribers

161,231 views • 3 years ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

11 Comments

Fons Mans3 years ago

Making moves!

OPEN1 year ago

From the wilderness to futuristic cities, your OP3N adventure starts here. Join our Discord channel and become part of the community!

Atharva Kharbade3 years ago

Spline is getting stronger every passing day.

Spline3 years ago

💕💕

between🌲two🌲pines3 years ago

So it wasn't a "Do Not Disturb" button after all :D this looks really good folks!

Spline3 years ago

hahah 😅 🤗

Koyi3 years ago

YASSS!! Love it!! Thank you @Spline team!

Spline3 years ago

@spline Glad you liked it! ❤️❤️

Irfan Adam M3 years ago

Yes I got it right. And wow

Spline3 years ago

@nfomashnhoardin yey!!

Master Kenobi3 years ago

@Blender why not partner with @splinetool to build something magical together? @Google , @firefox , @brave ? #Blender3d @BlenderNation

Related Videos

I'm tinkering away on a new Figma widget for design system auditing ⚙️ It scans your document and tells you: – Number of components – Components without descriptions / doc links – Components without variables / styles – Instances with overrides Hopefully published next week!

I'm tinkering away on a new Figma widget for design system auditing ⚙️ It scans your document and tells you: – Number of components – Components without descriptions / doc links – Components without variables / styles – Instances with overrides Hopefully published next week!

luis.

18,664 views • 11 months ago

Introducing Design OS—the missing design process between your idea and codebase. Step 1: Set your product vision Step 2: Design your screens Step 3: Export production-ready components Not mockups. Real components. Ready to build. Free & open source:

Introducing Design OS—the missing design process between your idea and codebase. Step 1: Set your product vision Step 2: Design your screens Step 3: Export production-ready components Not mockups. Real components. Ready to build. Free & open source:

Brian Casel

50,135 views • 6 months 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

The component audit widget is live! It scans your Figma library, then: – Shows components by page – Shows components missing variables/styles – Lists components without descriptions – Lists components without links – Print a summary frame for a log

The component audit widget is live! It scans your Figma library, then: – Shows components by page – Shows components missing variables/styles – Lists components without descriptions – Lists components without links – Print a summary frame for a log

luis.

36,875 views • 11 months ago

🚀Create complex, modular 3D assets and scenes.🚀 Introducing #MoCA (Mixture-of-Components Attention), a new sparse attention method for compositional 3D generation. It scales to *many * components. paper: code:

🚀Create complex, modular 3D assets and scenes.🚀 Introducing #MoCA (Mixture-of-Components Attention), a new sparse attention method for compositional 3D generation. It scales to many components. paper: code:

Tengfei Wang

27,096 views • 7 months ago

💡 We just published a canary release of Expo DOM components ("use dom") so you can try it early and give us feedback for SDK 52! Demo app has MDX and shadcn UI with the new charts components ↓

💡 We just published a canary release of Expo DOM components ("use dom") so you can try it early and give us feedback for SDK 52! Demo app has MDX and shadcn UI with the new charts components ↓

Evan Bacon 🥓

113,959 views • 1 year ago

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Introducing the Visual Copilot CLI Surgically apply any Figma design changes to your existing components Available to everyone today

Steve (Builder.io)

15,488 views • 1 year 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

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

we released our react package build an ai chat w/ interactive components in a few lines of code. add it to your app with: npx tambo full-send we support: - streaming for both messages and components - message history and message threads - state manage for generated components - suggested actions based on available components - component library that uses the react package the react package is open-source. server package will be open-sourced later this year.

Michael Magán

65,473 views • 1 year ago

✨New in NativeWindUI✨ Massive improvements to exploring & using the components/user flows. Now you can see: 1⃣ Components/flows on iOS & Android alongside example code 2⃣ Step-by-step installation instructions 3⃣ API docs for each component We'd love to hear what you think ♥️

✨New in NativeWindUI✨ Massive improvements to exploring & using the components/user flows. Now you can see: 1⃣ Components/flows on iOS & Android alongside example code 2⃣ Step-by-step installation instructions 3⃣ API docs for each component We'd love to hear what you think ♥️

NativewindUI

14,750 views • 1 year ago

Today, we’re releasing beta access to Originkit. An animated component library for building modern websites without starting from scratch. We’re providing support for: - Framer integration - React code - MCP support for AI coding tools We’re opening access to only 500 users first, so we can test the platform, collect feedback, and improve it properly. Right now, we have 45 components available, and we’re aiming to reach 250 components in the next 3 months. If you want to be part of the beta, comment “originkit” and I’ll send you the invitation link to sign up to the platform and start using the components.

Today, we’re releasing beta access to Originkit. An animated component library for building modern websites without starting from scratch. We’re providing support for: - Framer integration - React code - MCP support for AI coding tools We’re opening access to only 500 users first, so we can test the platform, collect feedback, and improve it properly. Right now, we have 45 components available, and we’re aiming to reach 250 components in the next 3 months. If you want to be part of the beta, comment “originkit” and I’ll send you the invitation link to sign up to the platform and start using the components.

Praha

37,956 views • 10 days ago

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.

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

20,748 views • 2 years ago

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

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

Nabeel

34,476 views • 2 years ago

Our Y Combinator product demo! tldr: pip install components into your circuit design

Our Y Combinator product demo! tldr: pip install components into your circuit design

Sathvik Redrouthu

218,483 views • 1 year ago

Here's a step by step: 1. Open the in-app browser to select, scribble, and describe changes to any component in design mode. 2. Type /multitask or queue changes to run them in parallel — great for touching several unrelated components at once. 3. Get your steps in, grab a coffee, text mom to just say hi.

Here's a step by step: 1. Open the in-app browser to select, scribble, and describe changes to any component in design mode. 2. Type /multitask or queue changes to run them in parallel — great for touching several unrelated components at once. 3. Get your steps in, grab a coffee, text mom to just say hi.

John Bai

25,359 views • 1 month ago

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

shadcn

531,753 views • 3 years ago

We released Canvas in Gemini this week, allowing you to code and preview React/JS components quickly. Here's a one-shot Stock market component 👀

We released Canvas in Gemini this week, allowing you to code and preview React/JS components quickly. Here's a one-shot Stock market component 👀

Addy Osmani

116,346 views • 1 year ago

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

🔅 Introducing Genius, your AI design companion in Figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist →

Diagram

1,713,772 views • 3 years ago

Since our Stacks sneak peek went down so well, we asked Alasdair Baxter to give you another! This time, it’s some big improvements to inserting and swapping Components with the Command Bar. Some are in beta now, the rest are coming soon. Full details on the forum:

Since our Stacks sneak peek went down so well, we asked Alasdair Baxter to give you another! This time, it’s some big improvements to inserting and swapping Components with the Command Bar. Some are in beta now, the rest are coming soon. Full details on the forum:

Sketch

26,541 views • 1 year ago