💾 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)

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

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

💾 Preloader – анимация загрузки из элементов, каждый из которых движется по окружности. Изогнутые линии не соприкасаются друг с другом.

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

🖥 Shopping Website – дизайн сайта для магазина одежды. Основные особенности – приглушенный желтый цвет и жирный шрифт в заголовках. Каждая карточка имеет однотонный фон с тенями.

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

💾 Social Share Button – меню из кнопок соцсетей, которое появляется при наведении курсора. Карточки разворачиваются плавно и поэтому реалистично смотрятся.

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

💾 Credit Card Pure CSS – двусторонняя карточка с поворотом, написанная без использования JavaScript. Ее можно использовать на странице оплаты услуг, чтобы показать введенные данные пользователя.

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

🐙 Element Plus – библиотека UI-компонентов с минималистичным и удобным дизайном. Библиотека имеет большой выбор компонентов, каждый из которых имеет разные вариации.

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