Glass UI
Мягкие тени, размытый фон, аккуратные границы — современный “glass” без библиотек.
backdrop-filtergradientsshadows
Static • Bucket-friendly • No backend
Статический сайт, который выглядит как продукт, а не “Hello World”.
Чистый HTML/CSS/JS: анимации, glassmorphism, тёмная/светлая тема, плавный скролл и аккуратные микровзаимодействия.
Фичи, которые “продают” внешний вид
Всё это работает на статике и легко переносится в любой бакет.
Reveal-анимации
IntersectionObserver для появления блоков при прокрутке — плавно и без тяжёлых зависимостей.
IOreduced motion
Тема + сохранение
Переключатель dark/light с запоминанием выбора в localStorage.
CSS variableslocalStorage
Микроинтерактив
Лёгкий параллакс в hero-карточке + анимированный счётчик KPI.
requestAnimationFramecount up
Мини‑галерея (без картинок)
Плитки на чистом CSS: градиенты + зерно + hover.
Gradient Study
Glass Panel
Neon Edge
Soft Blur
Night Mode
О проекте
Этот шаблон можно расширить под портфолио, промо‑страницу, документацию или страницу продукта. Всё локально и статично.
- Никакого сервера: только файлы в бакете.
- Лёгкая кастомизация: цвета/шрифты через CSS переменные.
- Доступность: фокус‑стили, видимые состояния, reduced-motion.
Готово к загрузке в бакет
Скопируйте 3 файла, откройте index.html локально и затем загрузите в bucket.