🖥 Modern E-Commerce UI Kit – дизайн лендинга для магазина косметики. Его основа - это мягкие градиенты, а также сочетание кремового, желтого и персикового цветов.

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

💾 Interactive UI Cards – галерея карточек с заголовками и тегами. Каждая карточка напоминает раздел сайта и может содержать ссылки.

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

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

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

💾 Hexagon CSS Pricing Tables – карточки с ценами, где каждый ряд имеет похожий набор анимаций. При наведении курсора показывается дополнительная информация.

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

🐙 Cronicle – планировщик задач, который отслеживает статистику, автоматизирует обработку данных и рассылает оповещения. Проект написан на Node.js.

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

💾 Skeuomorphic Toggle Switch – реалистичные 3D-переключатели, которые написаны на HTML и CSS без использования JavaScript.

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

🖥 Meditation App UI Kit – дизайн приложения для медитации в оттенках малахитового и серого. Здесь есть много инфографики и изображений с высоким качеством.

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

💾 Perspective – реалистичные часы с секундной стрелкой. Числа на циферблате написаны словами, создавая эффект углубления в центре.

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

🐙 React Complete Guide Course Resources – полезные материалы для изучения React, такие как фрагменты кода, слайды и шпаргалки по основным темам.

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

✍️ Dancing Script – декоративный рукописный шрифт, вдохновленный типографикой 1950х гг. Его пример можно увидеть в заголовке макета "DeepBreathe"

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

💾 Glass Progress Ring – индикатор загрузки с неоновым свечением. Он полупрозрачный, поэтому даже при полной загрузке видно кольцо в основании.

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

🎨 Цветовая палитра макета "Modern E-Commerce UI Kit"

HEX | RGB
#FAF4E7 | rgb(250,244,231)
#FBE1A8 | rgb(251,225,168)
#ADA195 | rgb(173,161,149)

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

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

💾 Dots & Ring Loader – необычный лоадер из двух пересекающихся колец. У него также есть переключатель темной и светлой темы.

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

💾 Gray & White – диагональный слайдер с прокруткой страницы. В время пролистывания фото меняет свое положение и визуально становится больше.

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

🖥 3D Blobs – набор абстрактных глянцевых 3D-фигур обтекаемой формы. В шаблоне также есть примеры их использования в UI.

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

🎨 Цветовая палитра макета "Meditation App UI Kit"

HEX | RGB
#BDEEE4 | rgb(189,238,228)
#1DAB91 | rgb(29,171,145)
#121826 | rgb(18,24,38)

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

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

✍️ Kulim Park – шрифт без засечек с округлыми буквами и минимальным контрастом. Посмотреть пример можно в макете "Playful Slide Template"

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

💾 Glowy Hover Effect – карточки с приглушенной разноцветной подсветкой. На кнопках применяется эффект глянцевого блеска.

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

🐙 DevFind – платформа для веб-разработчиков в виде поисковика со ссылками на портфолио и Github-профили. Можно искать разработчиков по имени, навыкам и стране проживания.

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

💾 Motion Blur Effect – слайдер с размытием картинок при переключении. Создать такой эффект помогают SVG-фильтры.

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

🖥 Beauty Product Web Design – изысканный дизайн лендинга для бренда натуральной косметики. Основа дизайна – глубокие приглушенные тона.

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