💾 Liquid Gradient – отзывчивый зернистый фон, который можно настраивать вручную. В правом верхнем углу есть пять кнопок с пресетами фонов.

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

💾 New Year Tree – анимированная елка из мелких частиц, которая загорается от касания курсора. Дерево вращается само по себе.

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

💾 Changing Background Color – эффект изменения цвета фона при скролле. Его можно использовать в лендинге вместо того, чтобы создавать отдельный фон для каждого раздела.

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

🖥 Web UI Elements – набор элементов в теплых природных оттенках. Здесь есть кнопки, иконки, переключатели, чекбоксы, шкалы прогресса, пагинация и многое другое.

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

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

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

🖥 Figma Charts & Infographics UI Kit – набор готовых графиков и диаграмм. Содержит наиболее распространенные шаблоны визуализации данных, от простых столбчатых диаграмм до сложных карт.

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

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

HEX | RGB
#F9F1EF | rgb(249,241,239)
#FADDD9 | rgb(250,221,217)
#F8AFA6 | rgb(248,175,166)

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

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

✍ Lora – современный шрифт с засечками, уходящий корнями в каллиграфию. Шрифт отличается умеренным контрастом и плавными изгибами, которые контрастируют с засечками. Пример есть в сниппете "Smooth 3D Perspective Slider"

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

💾 Cat Toggle Button – переключатель светлой и темной темы в виде котика. Изображение детализировано и нагружено смыслом, чтобы пользователю не было скучно.

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

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

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

🐙 Awesome Design Patterns – список шаблонов проектирования архитектуры приложений. Тут есть материалы для большинства популярных языков программирования.

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

💾 Donuts – трехмерное изображение пончиков, которое можно вращать курсором по любой оси, а также увеличивать и уменьшать.

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

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

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

💾 Canva's Magic Mouse Effect – эффект подсветки с анимированными полупрозрачными звездочками. Подойдет для ярких рекламных лендингов.

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

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

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

💾 Canvas Sparkly Circle Loader – лоадер для темной темы экрана с мелкими, быстро переливающимися частицами. Его "хвост" имеет 3D-форму.

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

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

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

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

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

💾 Box Shadow Animation – эффект изменения ширины рамки. Достигается за счет анимации для тени кнопок.

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

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

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

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