💾 Animated Hover Disclosures – интерактивные карточки с цепляющим минималистичным дизайном. В неактивном состоянии цвет шрифта и иконок становится светлее.

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

🎨 Цветовая палитра макета "Photography Editorial"

HEX | RGB
#D6FF11 | rgb(214, 255, 17)
#FB5335 | rgb(251, 83, 53)
#106B63 | rgb(16, 107, 99)

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

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

💾 Full Screen Image Zoom – меню с фоновыми изображениями, которые появляются при наведении курсора на строки. Фон имеет зернистый фильтр и эффект Zoom Out.

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

💾 Cards Interactions – полупрозрачные карточки с тенью и эффектом размытия. Вокруг курсора на каждой из них появляется слабое белое свечение.

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

🐙 Hono.js – легковесный и быстрый фреймворк для бэкенда, основанный на веб-стандартах. Он поддерживает TypeScript и позволяет создавать приложения без лишних зависимостей.

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

💾 Space Motion – трехмерная анимация в виде цветка. Для реализации была использована библиотека Three.js.

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

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

HEX | RGB
#D6E0E2 | rgb(214, 224, 226)
#D5FF5F | rgb(213, 255, 95)
#4E6075 | rgb(78, 96, 117)

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

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

🖥 Vector Hand Drawn Shapes – небольшой набор векторных стрелок, линий и мазков. Они выглядят так, будто небрежно нарисованы краской от руки.

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

✍️ Gilroy – современный геометрический шрифт без засечек, который подходит для графического и веб-дизайна. Идеален для блоков текстов, используется в дизайне Bentolio

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

🎨 Цветовая палитра макета "MNTN Landing Page"

HEX | RGB
#ABCF9C | rgb(171,207,156)
#719EA6 | rgb(113,158,166)
#142F1F | rgb(20,47,31)

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

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

💾 Design Wormhole – карточка с трехмерным вращением и эффектом стекла. Внизу – непрерывная анимация с исчезающим предметом.

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

🖥 Health Analytics App – дизайн для мобильного приложения с аналитикой здоровья. Основные черты – выдержанный стиль, насыщенные холодные тона, контрасты и отсутствие скругленных углов.

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

💾 Animated Covers – набор из 15 эффектов для карточки с текстом. Анимация показывает разные варианты появления фона.

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

💾 Design Wormhole – карточка с трехмерным вращением и эффектом стекла. Внизу – непрерывная анимация с исчезающим предметом.

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

🐙 JSLingui – библиотека JavaScript для интернационализации проектов. В ее задачи входит динамический перевод интерфейсов на разные языки и локализация. Библиотеку удобно использовать с React.

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

💾 Depth – слайдер с буквами, который двигается вслед за курсором. Можно менять ширину слайдов и высоту, на которой находится буква.

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

💾 Text Circle Animation – круг со словами, который можно вращать курсором. При быстром движении буквы "разлетаются" в стороны.

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

✍️ Asgard – дерзкий, экспрессивный шрифт без засечек с сильными контрастами. Подходит для афиш, постеров и лендингов. Посмотреть шрифт можно в сниппете Breakingtrends.io

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

💾 Metal Gear Radar States – уведомления в стиле ретро-дисплеев. Для создания атмосферы используется зернистый фон, пиксельный шрифт и приглушенные цвета.

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

🎨 Цветовая палитра макета "Vector Hand Drawn Shapes"

HEX | RGB
#FFF351 | rgb(255, 243, 81)
#FE78AA | rgb(254, 120, 170)
#656D76 | rgb(101, 109, 118)

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

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