🎨 Цветовая палитра макета "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

✍️ Turret Road – геометрический шрифт без засечек с низким контрастом и многоугольными формами. Пример шрифта можно посмотреть в сниппете "Hex Animation"

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

🪙 NotCoin – виртуальная игра от команды Telegram, где пользователи зарабатывают монеты кликая по экрану. Страница с коином уже появилась на сайте по отслеживанию цен на криптоактивы - CoinMarketCap.

Сайтодел | #telegram

💾 Gsap Mask Mouse Effect – подсветка курсора, которая убирает маску и показывает слой со скрытым текстом.

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

🐙 Pile – приложение для заметок и ведения личного дневника. Есть интеграция с искусственным интеллектом: можно искать и задавать вопросы по написанной заметке.

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

💾 Animated Login Form – форма с анимированной рамкой. При наведении курсора рамка подсвечивается яркими цветами.

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

🎨 Цветовая палитра макета "3D Blobs"

HEX | RGB
#FEDB83 | rgb(254,219,131)
#F189BA | rgb(241,137,186)
#50AA82 | rgb(80,170,130)

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

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

💾 CSS Only Shimmer Button – кнопка с эффектом подсветки. Неоновое свечение вращается по часовой стрелке всего пару секунд.

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

✍️ Julius Sans One – гротескный шрифт без засечек, созданный чилийской студией LatinoType. Хорошо подходит для заголовков. Пример есть тут: "Image Hover Effect"

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

💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

🖥 Money Forest – дизайн приложения для ведения личного бюджета. Здесь есть много инфографики, а также фоновые пейзажи в пастельных тонах.

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

🐙 Appium – кроссплатформенный фреймворк для автоматизированного тестирования приложений. Написан с помощью Node.js и использует протокол W3C WebDriver.

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