I saw this cool navigation reveal, so I made a simple HTML+CSS version
Details
- External ID
- 46925811
- Source
- HN
- Company
- —
- Product
- I saw this cool navigation reveal, so I made a simple HTML+CSS version
- Website domain
- github.com
- Launched
- Feb. 7, 2026
- Cohort
- —
- Upvotes
- 141
- Upvotes percentile
- 0.9272237196765498
- Tags
- —
- Fetched at
- Sept. 7, 2026, 9:26 p.m.
- Updated at
- Sept. 7, 2026, 9:26 p.m.
Description
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 funHere's a demo and the codebase: https://github.com/Momciloo/fun-with-clip-path
Enrichment
- Theme
- indie puzzle and logic games
- Vertical
- Horizontal
- Function
- Dev tools
- Audience
- Developer
- AI stance
- Not AI
- Project type
- Hobby / open-source project
- Normalized one-liner
- html and css navigation component
- Manually corrected
- False
Could you build this?
Yes This is purely a creative CSS and HTML snippet utilizing CSS clip-paths for navigation animation.
Discussion
20 comments analyzed.
Concerns raised: Poor UI ergonomics - excessive mouse travel distance between interaction points, Performance issues - slow animations (6-10 FPS), high CPU usage on older hardware, Not mobile friendly - elements blocking menu, broken on iPad and horizontal mobile views, Non-standard browser window sizes not supported, Prioritizes aesthetics over functionality and usability best practices
Feature requests: Writeup on design to code process, More design explorations
Competitors
Other products that read as similar to this one — 44 launches clear the similarity bar, closest 8 shown.
Attention rank: #6 of 45 (itself plus its competitors, highest first — normalized so YC and Product Hunt are compared fairly).
Launched 81 days after the earliest competitor.
- CSS clip path generator · ph · 2026-09-08 · 2 upvotes · similarity 0.55
- Okinami_YASB · github · 2026-09-12 · 8 upvotes · similarity 0.42
- M. C. Escher spiral in WebGL inspired by 3Blue1Brown · hn · 2026-04-04 · 176 upvotes · similarity 0.38
- Corner Shaper · ph · 2026-09-10 · 1 upvotes · similarity 0.38
- Wave · hn · 2026-09-25 · 7 upvotes · similarity 0.37
- Picknplace.js, an alternative to drag-and-drop · hn · 2025-12-16 · 455 upvotes · similarity 0.37
- I made a Tailwind alternative for Preact · hn · 2026-01-11 · 6 upvotes · similarity 0.37
- Street Section Studio · ph · 2026-09-29 · 1 upvotes · similarity 0.36
Other launches for this product
- No other launches for this product.
Same idea, different domain
Nobody's really built a dev tools tool for Sales yet.