Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

Big news. Shaders is now open source 🔥 Use any of our 200+ WebGPU components in your work. Ship magic in a client site, a template, a product, a library, anything. Plus, you can export code for any framework, for free. Give it a star:

shaders

9,058 subscribers

792,393 Aufrufe • vor 27 Tagen •via X (Twitter)

Bildung Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

43 Kommentare

Profilbild von shaders

shadersvor 27 Tagen

Today's coding agents can write shaders, but the output is still raw WGSL code that may not perform well when deployed in real-world projects. With Shaders, agents can now build on production-tested components instead: better shaders, faster workflow, real performance.

Profilbild von shaders

shadersvor 27 Tagen

Read the announcement:

Profilbild von Bin Liu

Bin Liuvor 27 Tagen

@evanyou Incredible work 👏 adding them to @HyperFrames_ Studio today

Profilbild von shaders

shadersvor 27 Tagen

@evanyou @HyperFrames_ Now that I can't wait to see ❤️ DM on Discord if you need assistance

Profilbild von Hugo

Hugovor 27 Tagen

1) What? 2) This is insane, thanks for that

Profilbild von shaders

shadersvor 27 Tagen

1) I know right 2) Insane is good, we can do insane ❤️

Profilbild von Iwo Plaza | TypeGPU

Iwo Plaza | TypeGPUvor 27 Tagen

Wohoo, congrats!! 🎉 Can’t wait to delve into the code, this is a huge move

Profilbild von shaders

shadersvor 27 Tagen

Lots of fun stuff in there 👀

Profilbild von Florian Boelter

Florian Boeltervor 27 Tagen

oy crazy! added it to - how did I not have it on there before?

Profilbild von Matias 🧉

Matias 🧉vor 27 Tagen

Wow!

Profilbild von Josh Millgate

Josh Millgatevor 27 Tagen

Thank you for this! Going to add some shader background options in @ultramock

Profilbild von shaders

shadersvor 27 Tagen

@ultramock Would love to see it, ultramock is 🔥

Profilbild von Josh Millgate

Josh Millgatevor 27 Tagen

@ultramock Thanks!! 😍

Profilbild von Aibek Yegemberdin

Aibek Yegemberdinvor 27 Tagen

Congrats Simon! This will bring so much value to everyone building in the ecosystem 🙌

Profilbild von shaders

shadersvor 27 Tagen

Hope so! 🫶

Profilbild von Volkan

Volkanvor 27 Tagen

Open sourcing this is such an amazing decision

Profilbild von ZYPHER

ZYPHERvor 27 Tagen

let me bookmark this banger

Profilbild von Udoh Jeremiah

Udoh Jeremiahvor 27 Tagen

@evanyou Open sourcing 200+ WebGPU components is a pretty serious gift to the web community. 🔥

Profilbild von Leon Lin

Leon Linvor 27 Tagen

WOW THANKS OMG

Profilbild von Chase Davis

Chase Davisvor 27 Tagen

this is important news!

Profilbild von shaders

shadersvor 27 Tagen

That's what I was thinking! 😉

Profilbild von mogulbagul

mogulbagulvor 27 Tagen

WOOOOOOOOOOOOOO great job! we needed it. welcome to the club.

Profilbild von Kane

Kanevor 27 Tagen

so dope bro hehe

Profilbild von Audiencon⚡️

Audiencon⚡️vor 27 Tagen

open source plus exportable code is a strong combination. removing the framework lock in makes experimentation much easier

Profilbild von shaders

shadersvor 27 Tagen

experiment away! 🧪 🥼

Profilbild von Tyler Vea

Tyler Veavor 27 Tagen

Congrats on the launch!

Profilbild von ingenious

ingeniousvor 27 Tagen

wtf this is insane thank you!

Profilbild von Mirza

Mirzavor 27 Tagen

That's great news, thanks for sharing!!

Profilbild von Datdsgnr

Datdsgnrvor 27 Tagen

huge w !

Profilbild von LSV

LSVvor 27 Tagen

shit man this is the coolest thing i've ever seen. i've been fucking around with the preview site for 2 hours now.

Profilbild von heyflo

heyflovor 27 Tagen

1) What? 2) Hold my shader

Profilbild von shaders

shadersvor 27 Tagen

1) This feels 2) Oddly familiar

Profilbild von Alex Prokhorov

Alex Prokhorovvor 27 Tagen

omg

Profilbild von Hridoy Reh

Hridoy Rehvor 27 Tagen

Finally, thank you… 🙏

Profilbild von Lucas

Lucasvor 27 Tagen

Here is my star!

Profilbild von Avi Ashkenazi

Avi Ashkenazivor 27 Tagen

@cyze_dev Lovely 😻

Profilbild von Alok

Alokvor 27 Tagen

This is awesome 🤩 @ketandesign this is coming to the app on Monday. 😎💪 Excited for this. Let me know how else would you like to use it.

Profilbild von Seth Jenks

Seth Jenksvor 27 Tagen

Sweeet!

Profilbild von Jacinto Salz

Jacinto Salzvor 27 Tagen

the free framework export is a nice touch too. makes it easier to try something weird on a small project

Profilbild von Lucy Sky🧡

Lucy Sky🧡vor 27 Tagen

this is genuinely huge for solo devs who cant afford to rebuild every shader from scratch. the webgl to webgpu pipeline was already a grind and now its just… there. respect.

Profilbild von Mitansh

Mitanshvor 27 Tagen

Opening up 200+ WebGPU components with code export for any framework is a generous move. Curious to see what people make with Shaders now that it is free 🔥

Profilbild von Facu

Facuvor 27 Tagen

Whaaat? Crazy! So good to see this coming along man @marchantweb

Profilbild von Saaga

Saagavor 27 Tagen

This is cool!🎉

Ähnliche Videos

The wall of text is the most annoying part of using AI apps. With OpenUI 1.0, the model picks what each answer needs. A chart for numbers, a map for a trip, a form when it needs your input. You choose which components it can use, so it still looks like your product. Open source, any model, even ones you run on your own hardware.

The wall of text is the most annoying part of using AI apps. With OpenUI 1.0, the model picks what each answer needs. A chart for numbers, a map for a trip, a form when it needs your input. You choose which components it can use, so it still looks like your product. Open source, any model, even ones you run on your own hardware.

Chidanand Tripathi

103,894 Aufrufe • vor 17 Tagen

- Motion-first React components - Site health check for vibe coders - Turns a codebase into an interactive system map - Convert screenshot to code for free - Open-source coding agent CLI for any LLM

- Motion-first React components - Site health check for vibe coders - Turns a codebase into an interactive system map - Convert screenshot to code for free - Open-source coding agent CLI for any LLM

Csaba Kissi

16,813 Aufrufe • vor 1 Monat

Introducing Blume 🪷 A world-class docs framework for everything you ship. Drop Markdown into a folder and ship a full docs site with no app boilerplate. → zero-config setup → automatic SEO and AEO → 30+ components → powered by astro + vite → open source, free forever

Introducing Blume 🪷 A world-class docs framework for everything you ship. Drop Markdown into a folder and ship a full docs site with no app boilerplate. → zero-config setup → automatic SEO and AEO → 30+ components → powered by astro + vite → open source, free forever

Hayden

288,918 Aufrufe • vor 3 Monaten

Introducing "Make it Heavy" a framework to simulate Grok Heavy functionality, fully open-source and running in your terminal. Use any model you want, thanks to . 👇

Introducing "Make it Heavy" a framework to simulate Grok Heavy functionality, fully open-source and running in your terminal. Use any model you want, thanks to . 👇

Pietro Schirano

181,396 Aufrufe • vor 1 Jahr

Open source AI music is actually good now 🔥 Made a free demo for ACE-Step 1.5: describe any song, get it back in seconds ⤵️

Open source AI music is actually good now 🔥 Made a free demo for ACE-Step 1.5: describe any song, get it back in seconds ⤵️

Victor M

99,911 Aufrufe • vor 6 Monaten

New: Use skills with local agents! Keep your skills in Notion as your source of truth, then download them to Claude Code, Codex, Cursor, Gemini, or Grok. You’ll get a SKILL.md plus any approved files. So you can use your skills wherever you work.

New: Use skills with local agents! Keep your skills in Notion as your source of truth, then download them to Claude Code, Codex, Cursor, Gemini, or Grok. You’ll get a SKILL.md plus any approved files. So you can use your skills wherever you work.

Notion

146,855 Aufrufe • vor 2 Monaten

Ship your API to every MCP client in minutes 🚢 Upload your OpenAPI spec to Stainless → Generate an MCP Server → Your users can access your API in Claude Code Community, Cursor, and VS Code Watch me use the Replicate MCP Server to create a logo for my upcoming AI Podcast Generator, all with a single prompt! Now any MCP client can generate images and videos directly

Adam Anzuoni

22,423 Aufrufe • vor 1 Jahr

You've been building interactive animations in Figma for years. You just couldn't ship them. State Machines are now live in our plugin, your prototype interactions export as a dotLottie file. States, triggers, logic intact. Drop it into any app, any platform. Same Figma. Now it ships. What have you been prototyping that you wish you could just export?

You've been building interactive animations in Figma for years. You just couldn't ship them. State Machines are now live in our plugin, your prototype interactions export as a dotLottie file. States, triggers, logic intact. Drop it into any app, any platform. Same Figma. Now it ships. What have you been prototyping that you wish you could just export?

Nattu

21,557 Aufrufe • vor 6 Monaten

This is @OpenCode—an open source Claude Code alternative that: * has a built-in web UI * can use any LLM model, including free ones! In this demo, I'm running OpenCode inside a Daytona cloud sandbox.

This is @OpenCode—an open source Claude Code alternative that: * has a built-in web UI * can use any LLM model, including free ones! In this demo, I'm running OpenCode inside a Daytona cloud sandbox.

James Murdza

69,669 Aufrufe • vor 10 Monaten

Stop hardcoding one model name in your code. Now you can give each request a policy: a small rule for what the call needs It picks the right model for the job, on your own keys This is unhardcoded, our new open source routing for AI models, live today

Stop hardcoding one model name in your code. Now you can give each request a policy: a small rule for what the call needs It picks the right model for the job, on your own keys This is unhardcoded, our new open source routing for AI models, live today

GenLayer

98,139 Aufrufe • vor 4 Monaten

Weekend project: A reusable deployment pipeline defined in C# that can take any aspire project and deploy it to a VM with ssh and docker. - Use of C# >>>> Shell scripts interleaved in YAML 🤮. - The pipeline code that runs over a model. This same code can work for any aspire app without changes. It's a dynamic pipeline template. - It can run locally or in the CI - This was built on top of upcoming APIs in Aspire 9.4 (you can build your own pipeline and deploy anywhere too!) #dotnet #aspire

Weekend project: A reusable deployment pipeline defined in C# that can take any aspire project and deploy it to a VM with ssh and docker. - Use of C# >>>> Shell scripts interleaved in YAML 🤮. - The pipeline code that runs over a model. This same code can work for any aspire app without changes. It's a dynamic pipeline template. - It can run locally or in the CI - This was built on top of upcoming APIs in Aspire 9.4 (you can build your own pipeline and deploy anywhere too!) #dotnet #aspire

David Fowler

23,732 Aufrufe • vor 1 Jahr

Building with AI gets easier every day. Here is an open-source library that makes integrating AI into an application extremely easy: Star the repository! This library alone can make React the best front-end framework out there! There are a bunch of cool things I like about CopilotKit. Here are 3 of them: 1. It allows you to take any -powered agent and bring it into your application. (This is a brand-new feature!) 2. You can build an AI-powered chatbot in your application. The chatbot will have access to your context and can act on the application. 3. You can build a RAG workflow to process and answer questions from a real-time knowledge base. I recorded a video to show you how simple it is to make some of this happen. A few lines of code, and you are in business. Here is a link to the sample application: CopilotKit is open-source. You can self-host it. You can use it with any LLM. Thanks to the team for showing me their tool and collaborating with me on this post!

Santiago

108,884 Aufrufe • vor 2 Jahren

BREAKING: This site is literally a prompt library with 1000+ engineered prompts and it’s 100% FREE If you use ChatGPT, Nano Banana, VEO, Midjourney or any tools.. this is a cheat code:

BREAKING: This site is literally a prompt library with 1000+ engineered prompts and it’s 100% FREE If you use ChatGPT, Nano Banana, VEO, Midjourney or any tools.. this is a cheat code:

Nelly;

597,475 Aufrufe • vor 1 Jahr

It's time to Free the Robot. We removed Asimov from the harness yesterday. It can now walk independently without any external support. Ready to open-source the first components in a few days.

It's time to Free the Robot. We removed Asimov from the harness yesterday. It can now walk independently without any external support. Ready to open-source the first components in a few days.

Asimov

24,259 Aufrufe • vor 9 Monaten

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

84,239 Aufrufe • vor 4 Monaten

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:

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

200,166 Aufrufe • vor 3 Monaten

Introducing Rewamp UI My first open-source UI library. 70+ ready-to-use components built for modern websites. From shaders and animations to navbars, buttons, cards, and more everything you need, all in one place. Completely free. Go check it out : Drop your honest reviews below.

Introducing Rewamp UI My first open-source UI library. 70+ ready-to-use components built for modern websites. From shaders and animations to navbars, buttons, cards, and more everything you need, all in one place. Completely free. Go check it out : Drop your honest reviews below.

Palak

142,918 Aufrufe • vor 1 Monat

started building a webgpu site for displaying longer writing with shaders but ended up getting distracted by code highlighting

started building a webgpu site for displaying longer writing with shaders but ended up getting distracted by code highlighting

Codetaur

37,011 Aufrufe • vor 5 Monaten

THIS GUY VIBE CODED A TOOL THAT TURNS ANY SVG INTO A 3D OBJECT YOU CAN SPIN, ANIMATE, AND EMBED drag in an SVG, type some text, or draw pixel art. it becomes a 3D object instantly. spin it around, animate it, and embed it on your site. export as 4K image or video. runs entirely in your browser and nothing gets uploaded to any server with no account needed. 100% free AND its open source. this is one of those tools you didn't know you needed until you see it

THIS GUY VIBE CODED A TOOL THAT TURNS ANY SVG INTO A 3D OBJECT YOU CAN SPIN, ANIMATE, AND EMBED drag in an SVG, type some text, or draw pixel art. it becomes a 3D object instantly. spin it around, animate it, and embed it on your site. export as 4K image or video. runs entirely in your browser and nothing gets uploaded to any server with no account needed. 100% free AND its open source. this is one of those tools you didn't know you needed until you see it

Om Patel

231,576 Aufrufe • vor 6 Monaten

Claude Code is now a full video editor! Our new plugin opens a full built-in NLE right inside the Claude desktop app, where you and your agent can edit together, effortlessly. If you're already paying for Claude, you get this one for FREE. It's available now. Start using it in 1 minute, by pasting this prompt into any Claude Code chat: "Read to install and use the ChatCut plugin"

Claude Code is now a full video editor! Our new plugin opens a full built-in NLE right inside the Claude desktop app, where you and your agent can edit together, effortlessly. If you're already paying for Claude, you get this one for FREE. It's available now. Start using it in 1 minute, by pasting this prompt into any Claude Code chat: "Read to install and use the ChatCut plugin"

ChatCut

227,831 Aufrufe • vor 3 Monaten