Show HN: I saw this cool navigation reveal, so I made a simple HTML+CSS version

https://github.com/Momciloo/fun-with-clip-path

37•momciloo•5h ago

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

Comments

thekevan•2h ago

I saw this on Twitter about an hour ago and was going build one as well. Nice work!

swyx•2h ago

one thing i dislike about "good design" in general is that it usually takes away from information density and practical convenience in order to achieve "good design". this feels like a bad tradeoff. i wish that designers cared about making things more accessible and delightful rather than impressing fellow designers.

orphea•1h ago

Agree. I opened this iventions website, hated every second being there, closed it.

division_by_0•1h ago

Agree. Info-dense designs are also more difficult to implement and many designers lack experience in this area. E.g., creating a coherent design system that uses borders instead of excessive padding to separate elements is much more difficult than it may seem.

flaburgan•1h ago

It looks cool, but to have to navigate from one side of the screen to the opposite one is quite suboptimal

Tiny C Compiler

You Are Here

SectorC: A C Compiler in 512 bytes

The F Word

Brookhaven Lab's RHIC concludes 25-year run with final collisions

Speed up responses with fast mode

LLMs as the new high level language

Software factories and the agentic moment

GitBlack: Tracing America's Foundation

Hoot: Scheme on WebAssembly

OpenCiv3: Open-source, cross-platform reimagining of Civilization III

Stories from 25 Years of Software Development

FDA intends to take action against non-FDA-approved GLP-1 drugs

Show HN: A luma dependent chroma compression algorithm (image compression)

Al Lowe on model trains, funny deaths and working with Disney

First Proof

Italy Railways Sabotaged

Vocal Guide – belt sing without killing yourself

I write games in C (yes, C) (2016)

Start all of your commands with a comma (2009)

Show HN: I saw this cool navigation reveal, so I made a simple HTML+CSS version

Selection rather than prediction

Reinforcement Learning from Human Feedback

The AI boom is causing shortages everywhere else

72M Points of Interest

A Fresh Look at IBM 3270 Information Display System

Unseen Footage of Atari Battlezone Arcade Cabinet Production

Coding agents have replaced every framework I used

France's homegrown open source online office suite

Microsoft account bugs locked me out of Notepad – Are thin clients ruining PCs?

Show HN: I saw this cool navigation reveal, so I made a simple HTML+CSS version

Comments

Tiny C Compiler

You Are Here

SectorC: A C Compiler in 512 bytes

The F Word

Brookhaven Lab's RHIC concludes 25-year run with final collisions

Speed up responses with fast mode

LLMs as the new high level language

Software factories and the agentic moment

GitBlack: Tracing America's Foundation

Hoot: Scheme on WebAssembly

OpenCiv3: Open-source, cross-platform reimagining of Civilization III

Stories from 25 Years of Software Development

FDA intends to take action against non-FDA-approved GLP-1 drugs

Show HN: A luma dependent chroma compression algorithm (image compression)

Al Lowe on model trains, funny deaths and working with Disney

First Proof

Italy Railways Sabotaged

Vocal Guide – belt sing without killing yourself

I write games in C (yes, C) (2016)

Start all of your commands with a comma (2009)

Show HN: I saw this cool navigation reveal, so I made a simple HTML+CSS version

Selection rather than prediction

Reinforcement Learning from Human Feedback

The AI boom is causing shortages everywhere else

72M Points of Interest

A Fresh Look at IBM 3270 Information Display System

Unseen Footage of Atari Battlezone Arcade Cabinet Production

Coding agents have replaced every framework I used

France's homegrown open source online office suite

Microsoft account bugs locked me out of Notepad – Are thin clients ruining PCs?