💾 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

🖥 Chart Components – дизайн диаграмм и графиков с разными вариантами представления данных. Можно использовать как светлую, так и темную тему.

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

💾 Particles Cursor – эффект для фона в виде распадающихся в пространстве частиц. Каждая из них летит в своем направлении и уменьшается в размере.

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

🐙 Frontend Stuff – большой список библиотек, фреймворков и инструментов. Почти все материалы предназначены для работы с JavaScript и CSS.

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

💾 Toilet Paper Toggle – переключатель для текстов или изображений. Этот эффект можно использовать для выбора ответа.

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

🖥 Alien Staff Assets – более 20 PNG-элементов в футуристичном стиле. Шаблоны, изображения и иконки подойдут для веб-приложений развлекательного формата, а также для афиш и баннеров.

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

✍️ Varela Round – шрифт со скругленными элементами букв, который подходит для экранных текстов и мелких заголовков. Пример использования можно посмотреть в сниппете Clean Toast Notification

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

🎨 Цветовая палитра макета "Online Bike Shopping App"

HEX | RGB
#65D2FE | rgb(101,210,254)
#3860C2 | rgb(56,96,194)
#353F54 | rgb(53,63,84)

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

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