Loading video...

Video Failed to Load

Go Home

✨ Introducing Shaders A first-of-it's-kind component library for jaw-dropping effects and frontend magic, shipping soon for Vue, React & Svelte.

npm_i_shaders's profile picture

shaders

6,035 subscribers

308,301 views • 11 months ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Here’s a first look at the Shaders Design Editor ✨ From blank canvas to interactive hero section in 2 minutes⏱️. Shipping soon for Vue, React & Svelte.
2:43

Here’s a first look at the Shaders Design Editor ✨ From blank canvas to interactive hero section in 2 minutes⏱️. Shipping soon for Vue, React & Svelte.

shaders

63,476 views • 11 months ago

Introducing Public Beta for Shaders ✨ The wait is over 🎉 Try it now for Vue , React , Svelte & SolidJS
0:40

Introducing Public Beta for Shaders ✨ The wait is over 🎉 Try it now for Vue , React , Svelte & SolidJS

shaders

88,699 views • 7 months ago

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵
0:48

Introducing Canvas UI, the first ever html-in-canvas component library. Your DOM is the render target now. Real-time shaders over real, interactive UI. 24 components. React, Vue, Svelte, vanilla TS. Free. Open source. 🧵

David Haz

1,418,822 views • 1 month ago

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI
0:47

Introducing ! 🤩🎉 Open Source alternative v0! Generate usable Vue component, not just UI. Support `shadcn/vue` for now, but will address more library in soon! Fork it, Host it, Star it ⭐️ --- Made with Nuxt Drizzle ORM shadcn UI

Zernonia

295,972 views • 2 years ago

Introducing A tool for creating animations of your code, in HD. With support for React, Vue, Astro, Python & many more. Built with Remotion, Next.js, shadcn, PlanetScale, & more.
0:53

Introducing A tool for creating animations of your code, in HD. With support for React, Vue, Astro, Python & many more. Built with Remotion, Next.js, shadcn, PlanetScale, & more.

David Parks

105,727 views • 2 years ago

Building a library for designers looking to expand with AI and visual design. Dropping soon. And yep all visuals, interactions, UX, frontend, CMS, Database, videos, animations done by 1 designer leveraging AI.
0:32

Building a library for designers looking to expand with AI and visual design. Dropping soon. And yep all visuals, interactions, UX, frontend, CMS, Database, videos, animations done by 1 designer leveraging AI.

Nguyen Le

31,949 views • 6 months ago

🚨ANNOUNCING🚨 It's finally time to announce what @SarcevicAntonio and me were up to for the Svelte Society 🧡 hackaton. Introducing SvelteLab: a supercharged svelte REPL, built with StackBlitz webcontainers and hosted on Vercel with SvelteKit, for SvelteKit by Svelte lovers 🧡
0:25

🚨ANNOUNCING🚨 It's finally time to announce what @SarcevicAntonio and me were up to for the Svelte Society 🧡 hackaton. Introducing SvelteLab: a supercharged svelte REPL, built with StackBlitz webcontainers and hosted on Vercel with SvelteKit, for SvelteKit by Svelte lovers 🧡

{🧪} Pablopang.sve‎Ite

36,897 views • 3 years ago

In the next update of Vue language tools, we're shipping a brand-new Rich Hover Message feature ✨ Hover any Vue component to see beautifully formatted Props & Slots, all auto-generated. Built to bring your DX to the next level 🚀 More details coming soon, stay tuned! 👀
0:30

In the next update of Vue language tools, we're shipping a brand-new Rich Hover Message feature ✨ Hover any Vue component to see beautifully formatted Props & Slots, all auto-generated. Built to bring your DX to the next level 🚀 More details coming soon, stay tuned! 👀

SerKo

45,422 views • 8 months ago

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI
0:28

It’s time for photorealistic 3D to be everywhere on the web! Announcing our Three.js & React-Three-Fiber library for #GaussianSplatting! Capture from your phone, integrate anywhere, customize to match your brand, and build shaders/effects. Available now 👉 #3DGS #3D #threejs #LumaAI

Luma

230,503 views • 2 years ago

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →
0:20

✨ Free animated component library Built for Framer, React, and AI tools through MCP ✅ Ready-to-use components ✅ Clear previews ✅ Easy customisation controls ✅ Copy code →

Adham Dannaway

44,584 views • 2 months ago

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.
0:43

Introducing Agents UI, an open-source shadcn component library for building polished React frontends for your voice agents. Audio visualizers. Media controls. Session management tools. Chat transcripts. All wired to LiveKit Agents. Install via the shadcn CLI and own the code.

LiveKit

183,463 views • 6 months ago

Introducing Storefront UI 2.0 - our eCommerce UI Library. After 700k+ downloads & thousands of live stores with v1, we've learned a thing or two: 👉 now supports Vue and React 👉 performance 95-100 on Lighthouse 👉 WCAG 2 compliancy out of the box
1:44

Introducing Storefront UI 2.0 - our eCommerce UI Library. After 700k+ downloads & thousands of live stores with v1, we've learned a thing or two: 👉 now supports Vue and React 👉 performance 95-100 on Lighthouse 👉 WCAG 2 compliancy out of the box

Alokai

141,490 views • 3 years ago

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:
0:42

Introducing Amicro. A curated library of premium micro-interactions and transition components for React. Add beautiful Loaders ,card hovers, button interactions, and seamless transitions to your app with a single CLI command. ✨ Open source. Try it:

Kiyotaka

263,923 views • 1 month ago

Introducing Shaders v3 🔥 Our biggest release yet. Built for design engineers who ship magic. Design production-ready WebGPU shader effects on an infinite canvas, powered by a new rendering engine that's up to 25× faster.
0:52

Introducing Shaders v3 🔥 Our biggest release yet. Built for design engineers who ship magic. Design production-ready WebGPU shader effects on an infinite canvas, powered by a new rendering engine that's up to 25× faster.

shaders

69,274 views • 1 month ago

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:
1:01

Introducing Amicro, A curated library of premium micro-transitions and interaction components for React. Now you can add beautiful micro-interactions and seamless transitions to your website with just one CLI command ✨ Open source. Try it:

Kiyotaka

199,281 views • 1 month ago

Introducing the Contracts UI Builder ⚡ Scaffold a frontend for any deployed contract in a few clicks — select contract functions and export an auto-generated React app with: • Built-in wallet connect • Multi-network support • Zero frontend coding
4:34

Introducing the Contracts UI Builder ⚡ Scaffold a frontend for any deployed contract in a few clicks — select contract functions and export an auto-generated React app with: • Built-in wallet connect • Multi-network support • Zero frontend coding

OpenZeppelin

55,742 views • 1 year ago

✨ Introducing useAgent() A new primitive for the agentic application age. Connect ANY agent with your Frontend application. Drive intelligent interfaces & collaborative agents.
0:24

✨ Introducing useAgent() A new primitive for the agentic application age. Connect ANY agent with your Frontend application. Drive intelligent interfaces & collaborative agents.

CopilotKit🪁

72,854 views • 9 months ago

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders
2:18

For those of you who were asking what I meant by shaders in my last post here is a closer look. It's a cool plugin for shader effects on Roblox that I made with Namefvl #Roblox #RobloxDev #vfx #gamedev #shaders

Kajuro

71,569 views • 3 years ago

Paper Shaders: now fully open source and FREE Yes, you can make a: plugin, tool, template, site, app, library. Resell it. Make a Figma plugin. It's already code. Go for it! We're pushing shaders forward. New Paper Shaders on the way.
0:31

Paper Shaders: now fully open source and FREE Yes, you can make a: plugin, tool, template, site, app, library. Resell it. Make a Figma plugin. It's already code. Go for it! We're pushing shaders forward. New Paper Shaders on the way.

Stephen Haney

546,418 views • 2 months ago