💾 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

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

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

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

Сайтодел | #telegram

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

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

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

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

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

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