Dev tools · alternatives · 2026
24 alternatives to Pure CSS Shaders Art
At the intersection of art and bad performance. Contribute to chenglou/pure-css-shaders-art development by creating an account on GitHub.
Pure CSS Shaders Art is a GitHub project that creates visual art using only CSS shaders. Launched in 2022, it enables developers and designers to generate artistic effects and patterns through CSS code without… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. Pure CSS Shaders Art launched in 2022; newer entries below may have overtaken it.
- 1
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 →
- 2
CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css
2020 · github.com · its alternatives →
- 3LI
2013 · bchanx.com · its alternatives →
- 4SL
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 →
- 5
There are lots of glassmorphism generators out there, but I wanted to push the effect further! This project is the result of months of experimenting with CSS property layering and battling browser quirks. Cross-browser compatibility is actually the reason I rely on ::before and ::after pseudo-elements to build up the effect. Move the color/opacity to the main element, and you’ll get weird color bleed on the corners in Chrome. Move the texture, and it muddles the bevel’s specular highlight. Move the bevel, and it gets blurred out by the backdrop-filter. And so on! Layers include: *…
2025 · glass3d.dev · its alternatives →
- 6
2015 · vertexshaderart.com · its alternatives →
- 7
A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms. - GitHub - layoutit/polycss: A CSS 3D engine for the DOM. Renders polygon meshes in HTML by leveraging matrix3d transforms.
Jun 2026 · github.com · its alternatives →
- 8
Free editable patterns that actually look cool 😎
2020 · magicpattern.design · its alternatives →
- 9
An interactive CSS terrain generator. Define a grid and generate your terrain!
Nov 2025 · terra.layoutit.com · its alternatives →
- 10
Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website.
2020 · 3d-book-css.netlify.app · its alternatives →
- 11
Instagram.css▲446Complete set of Instagram filters in pure CSS
2018 · picturepan2.github.io · its alternatives →
- 12IE
2016 · bennettfeely.com · its alternatives →
- 13
2020 · paytonturnage.gitbook.io · its alternatives →
- 14
- 15
- 16
Pattern.css▲197CSS library to fill empty background with beautiful patterns
2020 · github.com · its alternatives →
- 17
Shaders▲22Component library for creative WebGPU effects in modern frontend frameworks. Compose interactive visuals for Vue, React, Svelte, Solid & JS.
Jul 2026 · shaders.com · its alternatives →
- 18TCtextshader.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 →
- 19
A 3D game rendered entirely in CSS/HTML. Relying as much as possible on traditional html/css features instead of modern graphic APIs. Supports lighting, shadows, culling, etc. Can you escape the dungeon?
2020 · pantel.is · its alternatives →
- 20
Hey HN! We're Ben and Izak, founders of Repaint (YC S23). Repaint is like Figma, but for creating real websites. It has panning, zooming, and dragging elements around. The settings closely follow html/css. We think an open canvas is a big improvement over other website builders. Everything is easier: styling, consistency, responsiveness… But making it work was hard! We thought HN would appreciate the tech behind it: - A custom WebGL rendering engine (w/text, shadows, blurs, gradients, & opacity groups) - A partial implementation of the css spec - A custom text editor & text shaper…
2024 · repaint.com · its alternatives →
- 21
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
- 22
A design system for building faithful recreations of old UIs.
2020 · botoxparty.github.io · its alternatives →
- 23
HTML/CSS portrait in the style of an 18th century painting
2018 · github.com · its alternatives →
- 24
Hi HN! Korean high school senior here, about to start CS in college. I built a browser engine from scratch in C++ to understand how browsers work. First time using C++, 8 weeks of development, lots of debugging—but it works! Features: - HTML parsing with error correction - CSS cascade and inheritance - Block/inline layout engine - Async image loading + caching - Link navigation + history Hardest parts: - String parsing(html, css) - Rendering - Image Caching & Layout Reflowing What I learned (beyond code): - Systematic debugging is crucial - Ship with known bugs rather than chase…
Jan 2026 · github.com · its alternatives →
Also compare
- Free and open-source home for art made with code alternatives
- Pattern.css – CSS-only library to fill empty background with patterns alternatives
- Logos in Pure CSS alternatives
- Shader Lab, like Photoshop but for shaders alternatives
- CSS generator for a high-def glass effect alternatives
- Vertexshaderart.com alternatives
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 →