💾 Expanding Cards – блок карточек в приглушенных тонах. При наведении курсора на карточке срабатывает анимация.

Сайтодел | #сниппет #css

💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.

Сайтодел | #сниппет #css

💾 Claymorphic SVG Button – кнопка в трендовом стиле клейморфизм. Ее можно использовать в модальных окнах, в составе меню или отдельно.

Сайтодел | #сниппет #css

🐙 WebKit – браузерный движок, который используется во многих известных приложениях. Помогает форматировать и отображать веб-страницы, делая их доступными для пользователей разных браузеров.

Сайтодел | #репозиторий #github

💾 Check Micro Animation – чекбокс с анимацией при нажатии. Элемент имеет градиентную заливку, которая заполняет всю его площадь в активном состоянии.

Сайтодел | #сниппет #css

💾 Photo Tear – эффект, который позволяет "разрывать" картинку пополам. Работает только в направлении сверху вниз.

Сайтодел | #сниппет #css

💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.

Сайтодел | #сниппет #css

💾 Colorful Dissolving Loader – написанный на чистом CSS лоадер, который не даст заскучать посетителю сайта во время медленной загрузки.

Сайтодел | #сниппет #css

🐙 Yuka – библиотека JavaScript, которая дает возможность разрабатывать игры. Она предоставляет классы для управления состояниями и действиями игроков.

Сайтодел | #репозиторий #github

💾 Portfolio Page – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.

Сайтодел | #сниппет #css

✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons"

Сайтодел | #шрифт

🖥 AI and Machine Learning Landing Page – сайт для приложения, использующего нейросеть. Выполнен в холодных пастельных тонах, которые хорошо сочетаются с темным фоном.

Сайтодел | #макет #figma

🖥 Velvety – дизайн сайта для магазина косметических средств. Выполнен в теплых оттенках оливкового и темно-зеленого. В заголовках используется шрифт с засечками.

Сайтодел | #макет #figma

🎨 Цветовая палитра макета "DeepBreathe":

HEX | RGB
#F7A279 | rgb(247,162,121)
#73BA9A | rgb(115,186,154)
#8267C6 | rgb(130,103,198)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

🐙 Web-IIm – проект, который добавляет языковые модели нейросетей в чаты веб-браузеров и помогает создавать ИИ-ассистентов. Работает на Web GPU без поддержки сервера.

Сайтодел | #репозиторий #github

💾 Portfolio Page – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.

Сайтодел | #сниппет #css

🎨 Цветовая палитра макета "DeepBreathe":

HEX | RGB
#F7A279 | rgb(247,162,121)
#73BA9A | rgb(115,186,154)
#8267C6 | rgb(130,103,198)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

✍️ Plus Jakarta Sans – геометрический шрифт без засечек, вдохновленный гарнитурами Neuzeit Grotesk, Futura и гротесками без засечек 1930х гг. Пример можно увидеть в дизайне "Meditation App"

Сайтодел | #шрифт

💾 Tile Hover Multi-Button – варианты выпадающего меню для карточек. Можно менять цвет фона, иконок и количество элементов в левом верхнем углу.

Сайтодел | #сниппет #css

💾 Changing Background Color – эффект изменения цвета фона при скролле. Его можно использовать в лендинге вместо того, чтобы создавать отдельный фон для каждого раздела.

Сайтодел | #сниппет #css