💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

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

🎨 Цветовая палитра макета "Travel & Hotel Booking Light Mobile App"

HEX | RGB
#C9D5E5 | rgb(201,213,229)
#18C0C1 | rgb(24,192,193)
#546A82 | rgb(84,106,130)

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

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

✍️ Proxima Nova Soft – версия геометрического шрифта Proxima Nova, но с более скругленными деталями. Этот шрифт выглядит нейтрально и поэтому подходит для разных стилей. Пример есть тут: Nutanix Loading Screen

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

💾 Toggles – анимированные переключатели, которые меняют цвет, внешний вид внутреннего элемента и даже положение в пространстве.

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

🐙 Noi – платформа для интеграции искусственного интеллекта с веб-сайтами. Она содержит наборы инструментов, плагины и функционал для создания заметок.

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

💾 Jello Tab Bar – табы с переключением цвета фона для каждой страницы. Главный плюс - анимация работает плавно.

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

🖥 Geepay Fitness Tracking App – дизайн приложения для тренировок. Основные детали: пудрово-розовый фон, черные кнопки и небольшие яркие элементы.

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

💾 5 Card Carousel – галерея карточек с иконками и текстом. Перелистывать можно нажатием на карточку или на кнопки со стрелками.

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

🎨 Цветовая палитра макета "Parallax Effect"

HEX | RGB
#F1CBCB | rgb(241,203,203)
#F27A85 | rgb(242,122,133)
#7D909C | rgb(125,144,156)

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

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

💾 SVG Debit Card Animation – анимированный фон для банковской карты. Этот эффект подойдет для страниц, где нужно вводить данные для оплаты товаров.

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

✍️ Recoleta – шрифт с засечками, вдохновленный эстетикой 1970-х годов. Соединяет в себе мягкие формы и угловатые штрихи. Пример можно посмотреть в сниппете Cards

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

💾 Ipanema Pattern – паттерн с деталями в форме кругов и эллипсов. Можно использовать его как заставку для шапки сайта или как фоновое изображение.

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

🐙 Brainwave – репозиторий проекта по созданию сайта. Здесь есть сниппеты кода, ссылка на видеоурок и описание фич готового продукта.

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

💾 CSS Scroll-Driven Animations – слайдер с четырьмя видами анимации скролла. Перелистывать слайды можно по вертикали, по горизонтали, а также с эффектами зума или плавного переключения.

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

🖥 Sleep Time App – дизайн приложения для отслеживания времени сна. Цвет варьируется от очень светлого розового (на фоне) до темного кораллового на отдельных элементах.

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

💾 CSS-Only Directionally Aware Hover – темный фильтр для картинки, который скользит вслед за курсором по вертикали и по горизонтали. От курсора зависит, с какой стороны изображения выплывает фильтр.

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

✍️ Gochi Hand – это типографская интерпретация почерка подростка. Шрифт выглядит спонтанным и непринужденным, но на самом деле все символы хорошо проработаны и подходят для печати. Пример есть в дизайне "Kids Toys & Games Store Website"

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

🐙 UI – репозиторий с примерами простых компонентов пользовательского интерфейса. Элементы написаны на React.js и Next.js.

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

🎨 Цветовая палитра макета "Geepay Fitness Tracking App"

HEX | RGB
#AAD19C | rgb(170,209,156)
#E0A5AA | rgb(224,165,170)
#8FA2C6 | rgb(143,162,198)

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

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

💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.

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

🖥 Agriculture Landing Website Templates – компоненты для создания лендингов на тему сельского хозяйства. Здесь также есть UI-кит и иконки.

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