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 Material Web 1.0, Google’s component library that works wherever HTML works 🌐 Learn how you can start using lightweight and accessible Material Components on our updated webpage here →

Material Design

83,161 subscribers

214,342 views • 2 years ago •via X (Twitter)

Science & Technology News & Politics Education

Anya Rossi• Live Now

Private livecam show

10 Comments

Taha Tesser2 years ago

I've been tracking this project. Super excited for the 1.0 release. cc: @RydMike

Ali Demirci2 years ago

oh, google releases another thing to be silently abondoned after ecosystem adaptation

Mads2 years ago

Sooo cool!

_2 years ago

Crazy that it took so long

Laura2 years ago

So Material Web 1.0 follows Material 3.0? I'm happy for the release, but that's a tad bit confusing.

Teeldinho2 years ago

Is this based on Material 3?

Nathan 🇺🇸2 years ago

How is this different than say, @angular material?

ByeWind2 years ago

Great design👍

Aarón Azael2 years ago

Finally!! Thanks

Jason2 years ago

MD everywhere了

Related Videos

Announcing Monochrome, an accessible UI component library in 2.2kB. HTML-first. Works with any framework. Zero dependencies.

Announcing Monochrome, an accessible UI component library in 2.2kB. HTML-first. Works with any framework. Zero dependencies.

Colin

49,970 views • 3 months ago

Introducing A library of blocks/components that you can copy and paste into your apps. Built on top of shadcn. Beautifully designed. Open Source.

Introducing A library of blocks/components that you can copy and paste into your apps. Built on top of shadcn. Beautifully designed. Open Source.

Duncan

153,544 views • 1 year ago

Introducing Compiler: An npm library, that makes React apps multilingual without rewriting the existing React components. Doesn't require extracting i18n keys, or wrapping text in <Translate /> tags. 100% free and open-source. Here's how it works:

Introducing Compiler: An npm library, that makes React apps multilingual without rewriting the existing React components. Doesn't require extracting i18n keys, or wrapping text in <Translate /> tags. 100% free and open-source. Here's how it works:

Lingo.dev

3,276,584 views • 1 year ago

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Introducing Agent React DevTools. AI agents can now inspect React apps beyond the UI: → Component tree and state → Renders and performance → Structured output for debugging Works with React and React Native. Learn more ⬇️

Callstack Engineers

18,203 views • 2 months ago

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume now works with Figma Sites! You can generate a site in Relume and import it straight into Figma Sites, or build directly with our Figma Library. Learn more:

Relume

14,072 views • 1 year ago

introducing LoRAs for Krea 2 (beta). our most powerful fine-tuning system to date; now you can train Krea 2 on a your own specific style, object, or character with incredible precision. learn how it works 👇

introducing LoRAs for Krea 2 (beta). our most powerful fine-tuning system to date; now you can train Krea 2 on a your own specific style, object, or character with incredible precision. learn how it works 👇

Krea

41,113 views • 1 month ago

The default #UE5 sprite material node doesn’t work properly with Paper2D sprites and flipbooks. So I created a custom material function that supports both 'rotate to camera' and 'parallel rotation' (as shown in the video). This works entirely in the material with no Blueprint function needed, making it much more performance friendly. It even supports normal-mapped sprites and works on regular meshes too! #UnrealEngine5

The default #UE5 sprite material node doesn’t work properly with Paper2D sprites and flipbooks. So I created a custom material function that supports both 'rotate to camera' and 'parallel rotation' (as shown in the video). This works entirely in the material with no Blueprint function needed, making it much more performance friendly. It even supports normal-mapped sprites and works on regular meshes too! #UnrealEngine5

EvilReFlex

14,246 views • 1 year ago

Introducing Monologue. An AI co-host that interviews you based on any topic (you ask for) and saves the conversation that can be shared anywhere. Here’s how it works 👇 (1/4)

Introducing Monologue. An AI co-host that interviews you based on any topic (you ask for) and saves the conversation that can be shared anywhere. Here’s how it works 👇 (1/4)

vidy

30,278 views • 1 year ago

Don't mind me using Riot's IP to learn how multiplayer replication works...

Don't mind me using Riot's IP to learn how multiplayer replication works...

Necrit 🎩

345,345 views • 2 months ago

Here's how Spider ZT works. 📝 Learn more about the newest member of the Spider family and how it can help you on the greens:

Here's how Spider ZT works. 📝 Learn more about the newest member of the Spider family and how it can help you on the greens:

TaylorMade Golf

122,843 views • 8 months ago

Obsidian Reader also works on mobile using Safari on iOS or Firefox on Android you can set it as the default option when opening Web Clipper

Obsidian Reader also works on mobile using Safari on iOS or Firefox on Android you can set it as the default option when opening Web Clipper

kepano

71,125 views • 2 months ago

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here

Ark UI is now available in Svelte 5 🔥 ✅ 45+ accessible, unstyled UI components ✅ Works smoothly with Svelte primitives ($effect, _$state, $derived) ✅ Style every component in your way (Panda CSS, Tailwind, CSS Modules) 👉🏽 Check it out here

Sage ⚡️

13,189 views • 1 year ago

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

ChatGPT with canvas now works with OpenAI o1—and can render HTML and React.

OpenAI Developers

927,039 views • 1 year ago

🚀 Announcing Ark UI Ark™ The robust headless UI component library, built with State machines 🥳💪✨ 🔸Over 30+ components (ColorPicker, DatePicker, and more...) 🔸Works in React, Solid, and Vue 🔸Bring your own styling solution

🚀 Announcing Ark UI Ark™ The robust headless UI component library, built with State machines 🥳💪✨ 🔸Over 30+ components (ColorPicker, DatePicker, and more...) 🔸Works in React, Solid, and Vue 🔸Bring your own styling solution

Sage ⚡️

159,149 views • 2 years ago

Procedural Wicker Material + border generator for Sanctus Wood Works #b3d #GeometryNodes

Procedural Wicker Material + border generator for Sanctus Wood Works #b3d #GeometryNodes

Sanctus

33,851 views • 1 year ago

today we bought crypto in ChatGPT using MoonPay this is how it works and how you can do it too

today we bought crypto in ChatGPT using MoonPay this is how it works and how you can do it too

MoonPay 🟣

12,361 views • 1 month ago

God we look so unhappy and bitter here. Should learn to smile more and learn how the game works.

God we look so unhappy and bitter here. Should learn to smile more and learn how the game works.

Karin

25,266 views • 1 year ago

SOURCE MATERIAL 🍿 We asked the Founder of ClosedAI how his new AI video model works. He said it was "trained on publicly available data." Here's our interview with him👇

SOURCE MATERIAL 🍿 We asked the Founder of ClosedAI how his new AI video model works. He said it was "trained on publicly available data." Here's our interview with him👇

Solo 👑

26,958 views • 6 months ago