me20.
/

Glass navigation, free

Six animated glassmorphism navigation bars in one file: liquid glass lens, dark neon, bouncing bubble, neon wave, spotlight and floating button. Plain HTML, CSS and JavaScript, no libraries. Copy it, use it in your project.

Download .htmlOpen full demo

6

  1. Liquid glass lens that follows the cursor
  2. Dark neon lens
  3. Bounce: the icon jumps out as a glass bubble
  4. Neon wave over the active tab
  5. Spotlight from the top
  6. Floating button in a notch

How to use

  1. Download the file or copy the code.
  2. Open it in a browser to see all six bars.
  3. Keep the variant you like and change labels, icons and colours.

Want the Pro kit?

React components, a Figma file and more glass UI (buttons, cards, modals). Leave your email and I'll write when it's ready. No spam.

Sign-up form opens soon.

Made by me20 Studio, an AI visual studio in Warsaw.