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 launched on February 19, 2022 with 11 votes, #1,066 of 2,645 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 4 years on.
In plain words
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 requiring external libraries or JavaScript. The project is suited for those interested in exploring creative coding techniques and understanding how CSS can produce complex visual outputs. It demonstrates the capabilities of modern CSS in generative art.
written from the facts on this page · September 2026
Does a similar job
all alternatives →
Free and open-source home for art made with code2018 · shadergif.com · ▲144Browse and share GPU-made GIFs. Explore GLSL shader experiments, search by topic, and open any piece in the editor to learn or remix.
Pattern.css – CSS-only library to fill empty background with patterns2020 · github.com · ▲332CSS only library to fill empty background with beautiful patterns. - bansal/pattern.css
- LILogos in Pure CSS2013 · bchanx.com · ▲283
- SLShader Lab, like Photoshop but for shadersApr 2026 · eng.basement.studio · ▲160
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.
CSS generator for a high-def glass effect2025 · glass3d.dev · ▲420There 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: *…
Vertexshaderart.com2015 · vertexshaderart.com · ▲145
More dev tools this month
the category →
open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com
Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 23d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 28d ago · corespeed.io
Source: Show HN post ↗
Launched alongside, February 2022
the whole month →
Sha256 algorithm explained online step by step visually
Life & fun · 2022 · sha256algorithm.com
EdgeDB 1.0▲947Today, after years of research, development, and refinement EdgeDB graduates to a production-ready database. We are very proud to announce EdgeDB 1.0.
Dev tools · 2022 · edgedb.com
