me20.
/

Скляна навігація, безкоштовно

Шість анімованих навігацій у стилі glassmorphism в одному файлі: скляна лінза, темний неон, бульбашка, що вистрибує, неонова хвиля, прожектор і плаваюча кнопка. Чистий HTML, CSS і JavaScript без бібліотек. Копіюй і використовуй у своєму проєкті.

Завантажити .htmlВідкрити повне демо

6

  1. Скляна лінза, що їде за курсором
  2. Темна неонова лінза
  3. Bounce: іконка вистрибує скляною бульбашкою
  4. Неонова хвиля над активною вкладкою
  5. Прожектор зверху
  6. Плаваюча кнопка у виїмці

Як використати

  1. Завантаж файл або скопіюй код.
  2. Відкрий у браузері, щоб побачити всі шість панелей.
  3. Залиш варіант, що подобається, і зміни підписи, іконки й кольори.

Хочеш Pro-набір?

Компоненти React, файл Figma і більше скляного UI (кнопки, картки, модальні вікна). Залиш email, і я напишу, коли буде готово. Без спаму.

Форма запису відкриється незабаром.

Зроблено в me20 Studio, AI-студії у Варшаві.