Dev tools · alternatives · 2026
24 alternatives to Shaders
Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1SL
Create, stack, and animate shader effects on images, video, text, and 3D models — free, in your browser, powered by WebGPU. Export video, publish to the community gallery, and remix any published scene.
Apr 2026 · eng.basement.studio · its alternatives →
- 2
Svader is a library for rendering 2D shaders on Svelte websites, using either WebGL or WebGPU. It's streamlined for the specific use case of rendering 2D graphics using fragment shaders as an alternative to SVG or the JS canvas API, so it's not meant for doing 3D objects like three.js, for example. This started as something I needed for my own project, but I eventually decided to split it into a separate library. I've since found that this use case fits really well into the Svelte compiler-based approach and its fine-grained reactivity system. In general, I think using shaders like these has…
2024 · github.com · its alternatives →
- 3
- 4
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 5AV
I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!
2022 · dev.aspect.app · its alternatives →
- 6
Layouts.dev▲699A notebook for building interfaces with Tailwind & shadcn/UI
2024 · layouts.dev · its alternatives →
- 7
Beautiful Next.js templates built by the Tailwind CSS team.
2022 · tailwindcss.com · its alternatives →
- 8TCtextshader.com▲260
TLDR: Click the link to see some cool visualizations, refresh a few times for random examples, and try editing some of the code yourself. This is a small weekend project of mine inspired by shadertoy.com It's a static single-page site hosted on GitHub pages so the website design is pretty barebones. I'm not a web developer so I mainly wanted to create a Cool Thing with my free time and not have to learn tons of front-end to do it. I'd love to hear what people think about it and please post or send me any shaders you make! You can use the link button in the bottom right to share. I hope that…
2022 · textshader.com · its alternatives →
- 9
- 10
Motion (prev Framer Motion) is a fast, production-grade animation library for React, JavaScript and Vue. Build smooth UI animations at a tiny footprint.
2021 · motion.dev · its alternatives →
- 11
2024 · shadeup.dev · its alternatives →
- 12
Build your web application in a snap.
2019 · react-rainbow.io · its alternatives →
- 13
CSS for the <Component> Age
2016 · styled-components.com · its alternatives →
- 14
- 15
Tailframes▲103Open Source components library for React & Tailwind CSS
2024 · tailframes.com · its alternatives →
- 16
Create beautiful moving gradients on Framer and Figma
2023 · shadergradient.co · its alternatives →
- 17
Learn to prototype and build components using React
2018 · designcode.io · its alternatives →
- 18
Back in the old days, people used to do general-purpose GPU programming by using shaders like GLSL. This is what inspired NVIDIA (and other companies) to eventually create CUDA (and friends). This is an implementation of GPT-2 using WebGL and shaders. Enjoy!
2025 · github.com · its alternatives →
- 19
Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.
2018 · shadergif.com · its alternatives →
- 20
UI elements in ready-to-use components for React
2017 · coolsymbol.now · its alternatives →
- 21
- 22MW
2019 · subdued-health.surge.sh · its alternatives →
- 23
Looking at websites such as Clerk, I began thinking that design engineers might be some kind of wizards. I wanted to understand how they do it, so I started reverse-engineering their components out of curiosity. One thing led to another, and I ended up building a small library of reusable, animated components based on what I found. The library is built in React and Framer Motion. I’d love to hear your feedback
2025 · reverseui.com · its alternatives →
- 24
Shader Vision▲138Real-time GPU shader editor for spatial computing
2024 · shader.vision · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →