💾 Activity Card – карточка для отображения статистики за каждый день недели. При наведении курсора появляется подсказка с числом за конкретный день.

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

🖥 Interior Design Website – дизайн лендинга для студии дизайна. Акцент делается на скругленные детали и контраст размеров шрифта.

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

🐙 JavaScript Exercises – список задач для тренировки навыков написания кода. Чтобы начать работать, нужно клонировать репозиторий.

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

✍️ Cinzel – шрифт с классическими пропорциями, в основу дизайна которого легли древнеримские надписи. Посмотреть пример можно в дизайне Beauty And Skincare Landing Page

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

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

HEX | RGB
#F9F1EF | rgb(249,241,239)
#FADDD9 | rgb(250,221,217)
#F8AFA6 | rgb(248,175,166)

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

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

💾 GSAP Grid – сетка из анимированных SVG-изображений в ретро-стиле. Можно использовать в качестве иллюстраций для сайтов.

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

💾 Cat Toggle Button – переключатель светлой и темной темы в виде котика. Изображение детализировано и нагружено смыслом, чтобы пользователю не было скучно.

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

💾 Text Hover – объемный текст, который при наведении курсора становится "обычным". Текст имеет несколько слоев, в том числе тень и белую обводку.

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

🖥 Sales Dashboard – дизайн для отображения статистики. Его особенности – цветные карточки, яркая инфографика и 3D-изображения людей.

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

🐙 Text Behind Image – проект для редактирования изображений, написанный на TypeScript. Он позволяет помещать надписи позади объектов на переднем плане.

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

✍️ Orbitron – геометрический шрифт без засечек с футуристическим дизайном. Он подходит для постеров, заголовков и обложек книг. Пример шрифта есть в дизайне "Virtual Reality Landing Page Concept"

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

🎨 Цветовая палитра макета "Interior Design Website"

HEX | RGB
#CED4D2 | rgb(206,212,210)
#FFD476 | rgb(255,212,118)
#2C8879 | rgb(44,136,121)

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

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

💾 Course Design Cards – карточки со световым градиентом и сильно скругленными краями. При наведении курсора каждая кнопка приобретает основной цвет карточки.

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

💾 Landing Page With Swiper – карусель для фотографий, в которой активная карточка кладется сверху на остальные. У каждого фото есть кнопка с ссылкой на другой сайт.

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

🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

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

✍️ IBM Plex Mono – моноширный вариант корпоративного шрифта компании IBM. он подходит для веб-дизайна в ретро-стиле и хорошо смотрится с контрастными цветами. Пример есть в дизайне Neo-Brutalism UI Kit

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

💾 Neon Love – анимированная иконка, которую можно использовать в качестве спиннера для сайта. Она состоит из двух элементов, которые не меняют цвет.

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

🐙 Bulma – современный CSS-фреймворк на основе Flexbox. Он не включает в себя javaScript и поэтому легко встраивается в разные проекты.

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

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

HEX | RGB
#F1A0FF | rgb(241,160,255)
#FAD85D | rgb(250,216,93)
#0BF4C7 | rgb(11,244,199)

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

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

💾 Pixel Canvas Web Component – карточки с блестящими пиксельными фонами. Каждый из них отличается цветом, величиной пикселей и скоростью анимации.

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

💾 Canva's Magic Mouse Effect – эффект подсветки и серебристых звездочек-конфетти для курсора. Идеально подойдет для новогоднего оформления сайта.

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