Work · alternatives · 2026
24 alternatives to Quasicrystals Animation Playground with WebXR
Hi! This is my little project introducing quasicrystals animations with some parameters. It uses a custom shader to allow higher resolution. Not all combinations look equally good. For example the "Spectrum" color palette IMO makes sense only for low values of "Tempo" and "Pattern Density". If you have VR googles, I recommend trying the WebXR version - it's really nice.
Quasicrystals Animation Playground is an interactive tool that generates animated quasicrystal patterns with customizable parameters like tempo and pattern density. Users can adjust visual settings and color palettes… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…
2024 · 5-million-devs.netlify.com · its alternatives →
- 2
The latest 3Blue1Brown video [1] about the M. C. Escher print gallery effect inspired me to re-implement the effect as WebGL fragment shader on my own. [1]: https://www.youtube.com/watch?v=ldxFjLJ3rVY
Apr 2026 · static.laszlokorte.de · its alternatives →
- 3IV
Find information, resources and relevant links for quasi.ink. This domain may be for sale.
2016 · gradient.quasi.ink · its alternatives →
- 4
A new creative coding environment in Framer X
2019 · framer.com · 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
Multi-platform parallax wallpaper engine. Contribute to jszczerbinsky/lwp development by creating an account on GitHub.
2023 · github.com · its alternatives →
- 7TCtextshader.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 →
- 8IR
After 25 years of writing software, I was feeling nostalgic for the kinds of things that got me into programming in the first place: the old DOS demoscene. I spent a weekend seeing if I could recapture some of that INT 13H VGA magic using today's web tech, but with the old-school constraints of doing it from scratch. The result is this portfolio of ten classic effects running in a single HTML file. It's all vanilla JavaScript writing to a element, with no external libraries. It was a fun challenge to implement things like: * The color palette cycling and smooth fading in the Plasma demo. *…
2025 · jdfio.com · its alternatives →
- 9SL
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 →
- 10
This is a GPU "software" raytracer (i.e. using manual ray-scene intersections and not RTX) written using the WebGPU API that renders glTF scenes. It supports many materials, textures, material & normal mapping, and heavily relies on multiple importance sampling to speed up convergence.
2024 · github.com · its alternatives →
- 11
2014 · jessevdk.github.io · its alternatives →
- 12
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.
Dec 2025 · github.com · its alternatives →
- 13
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 →
- 14
Sharing an open source project for creating psychadelic art -- using liquid motion, distorted shapes, shadows and light. This tool works in real-time in the browser using webgl shaders. This project was inspired by drum & bass / acid techno music, and 90s rave posters. Use this to create art for a music video, concert posters, stylized animations in creative projects, or simply to enjoy alongside some fine music. Use the detailed control menu (top-right) to set a custom canvas size, adjust animation speed, control pattern and colours, etc... You can export your creation as an image or…
2025 · collidingscopes.github.io · its alternatives →
- 15
Hi HN, I'm Narek. I built Manim-Web, a TypeScript/JavaScript port of 3Blue1Brown’s popular Manim math animation engine. The Problem: Like many here, I love Manim's visual style. But setting it up locally is notoriously painful - it requires Python, FFmpeg, Cairo, and a full LaTeX distribution. It creates a massive barrier to entry, especially for students or people who just want to quickly visualize a concept. The Solution: I wanted to make it zero-setup, so I ported the engine to TypeScript. Manim-Web runs entirely client-side in the browser. No Python, no servers, no install. It runs…
Feb 2026 · github.com · its alternatives →
- 16
🦠 Slime mold simulation with WebGPU and TypeScript. - SuboptimalEng/slime-sim-webgpu
2025 · github.com · its alternatives →
- 17PW
2021 · observablehq.com · its alternatives →
- 18
Voxel-engine in Javascript. Contribute to Lallassu/voxelengine3 development by creating an account on GitHub.
2017 · github.com · its alternatives →
- 19
I've been going through Cem Yuksel's "Introduction to Computer Graphics" course and thought that writing a volume renderer would be a good way to test my knowledge. It is a common technique used to render 3D medical data. Works by ray marching a specific step size, reading a 3D texture (e.g. MRI data), and calculating opacity values. Code should be easy to get started with for anyone familiar with the JS ecosystem. Questions for the HN community: I spent 20-25% of the entire time just setting up the project and fighting issues with the JavaScript ecosystem. This experience has made me…
2024 · github.com · its alternatives →
- 20
- 21
Hi HN, I think mesh gradients are cool, I use them a lot, probably too much. So I made a simple tool that puts one behind my screenshots. No watermark, no sign-up, I just paste my screenshot, select my current favorite color palette, I add an unhealthy amount of grain texture, and hit "copy". Lots of aspect ratios available. I also made a Canvas tool to make more advanced designs with optionally transparent background. Do check it out and tell me what you think
Apr 2026 · instantgradient.com · its alternatives →
- 22
Hi all, This is a generative art project I worked on over the past year or so consisting of about 100 little artworks generated using P5.js. I have an overview and technical write up here: https://dannyking.uk/artwork/colororbs You can play with my interactive demo and make your own here: https://dannyking.uk/artwork/colororbs/designer And the gallery is here: https://dannyking.uk/artwork/colororbs/gallery This project came about after reading a HN post about a year ago…
2022 · dannyking.uk · its alternatives →
- 23
A demonstrates of the use of the CSS clip-path property in combination with CSS variables and CSS transitions to create a low-poly animated Pokémon.
2016 · projects.lukehaas.me · its alternatives →
- 24
We added a new feature to our open-source HTML5 game engine today that allows you to create Sprite GPU Layers. These pack together simple JS object definitions onto the GPU and renders them using a custom vertex shader. This skips all CPU computation and GPU upload operations, resulting in vastly increased performance. For objects that don't need to be updated by input, physics, or other interactive behaviors, we found it to be a great solution. In testing, we've easily managed to blast millions of sprites around on moderate desktop-grade GPUs. Indeed, we hit the fill rate limitation of the…
2025 · phaser.io · its alternatives →
Also compare
- A Marble Madness-inspired WebGL game we built for Netlify alternatives
- M. C. Escher spiral in WebGL inspired by 3Blue1Brown alternatives
- I've made a tool to generate beautiful gradient background images alternatives
- Framer Playground alternatives
- CSS generator for a high-def glass effect alternatives
- Parallax wallpaper engine for Linux and Windows 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 →