Эстетика, которую хотелось потрогать руками
Трендовый стеклянный UI (Glassmorphism) часто остается лишь концептом в Figma — в реальном вебе тяжелый блюр и динамические тени быстро просаживают FPS.
Моей целью было доказать, что премиальный дизайн может быть легковесным. Я спроектировала автономный компонент: интерактивная сетка дат, динамические цветовые темы и модальные окна событий с кинематографичной глубиной матового стекла.
От красивой картинки — к живому состоянию
Календарная сетка автоматически вычисляет дни недели, отступы и подсвечивает текущую дату с метками запланированных дел.
По клику на «Добавить событие» всплывает модалка с выбором типа (можно кастомизировать), а новая карточка плавно добавляется в список дня с соответствующей цветовой индикацией.
Верхний тулбар позволяет в один клик переключить палитру акцентов (небесный, розовый, изумрудный, янтарный) или сменить день на ночь.
Положение мыши относительно центра карточки пересчитывается в градусы rotateX и rotateY с легким демпфированием, создавая ощущение физической стеклянной панели.
В эпоху раздутых бандлов и шаблонных библиотек умение работать с чистым DOM и графическим пайплайном браузера — редкий навык. Этот компонент доказывает, что сложная физика света и 3D-глубина могут весить считанные килобайты.
