Dev tools · alternatives · 2026
24 alternatives to I saw this cool navigation reveal, so I made a simple HTML+CSS version
Two clip-paths, over the navigation: - The first clip-path is a circle (top-left corner) - The second clip-path is a polygon, that acts like a ray (hardcoded, can be improved) The original work by Iventions Events https://iventions.com/ uses JavaScript, but I found CSS-only approach more fun Here's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path
This is a CSS-only implementation of a navigation reveal effect using two clip-paths: a circular mask in the top-left corner and a polygon ray. Built as an alternative to a JavaScript-based original, it demonstrates a… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 1
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 →
- 2
- 3
- 4
A collection of CSS effects with a click to copy.
2019 · emilkowalski.github.io · its alternatives →
- 5
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 →
- 6
- 7
I was wondering how I can arrange objects along a spherical helix path, and read some articles on it. I ended up learning about parametric equations again, and make this visualization to document what I learned: https://visualrambling.space/moving-objects-in-3d/ feel free to visit and let me know what you think!
2025 · visualrambling.space · its alternatives →
- 8
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 →
- 9
Hey HN! I’m excited to share the revamped version of Interactive Tailwind, a hands-on platform designed to help developers learn Tailwind CSS through practical exercises. Our initial launch on Product Hunt was well-received, and after gathering feedback and seeing how much users enjoyed it, we decided to take things further. Here’s what’s new in this version: - Revamped learning structure: We’ve revisited the order of levels to make the learning journey smoother and more intuitive. - Background music: For a more enjoyable coding atmosphere. - Fresh design: Cleaner UI to make the experience…
2024 · interactive-tailwind.com · its alternatives →
- 10
Build 3D interactions visually, without writing any code
2015 · 3d-transforms.webflow.com · its alternatives →
- 11
- 12
Generate SVG paths for geometric shapes :bar_chart: - andreaferretti/paths-js
2014 · github.com · its alternatives →
- 13
Visual explanation of pathfinding algorithms and how a*, Dijkstra and BFS can be seen as the same algorithm with different parameter/data structures used under the hood - npretto/pathfinding
2021 · github.com · its alternatives →
- 14
Walkway.js▲121An easy way to animate simple SVG elements
2014 · connoratherton.com · its alternatives →
- 15IE
2016 · bennettfeely.com · its alternatives →
- 16
Renders black hole gravitational lensing effects in an image canvas using WebGL, glfx.js, and numeric.js - cliffcrosland/black-hole.js
2015 · github.com · its alternatives →
- 17
- 18
A minimalist three-dimensional coding environment. Control 8x8x8 dots with a single JavaScript function.
2021 · doersino.github.io · its alternatives →
- 19
- 20AV
2017 · fatiherikli.github.io · its alternatives →
- 21
GitHub Gist: instantly share code, notes, and snippets.
2013 · bl.ocks.org · its alternatives →
- 22
CSS Game▲77Place your cursor on the dot to start. Avoid the walls.
2016 · victordarras.fr · its alternatives →
- 23
Free eBook for learning to code animations
2016 · get.oreilly.com · its alternatives →
- 24IB
2022 · multiplanetary.website · 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 →