💾 Colorful Dissolving Loader – написанный на чистом CSS лоадер, который не даст заскучать посетителю сайта во время медленной загрузки.

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

🎨 Цветовая палитра макета "Top 50+ Landing Pages"

HEX | RGB
#FA7CE4 | rgb(250, 124, 228)
#7DE241 | rgb(125, 226, 65)
#4378EE | rgb(67, 120, 238)

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

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

💾 Boxy Preloaders – лоадеры, в основе которых лежат квадраты и прямоугольники. Каждый элемент при движении меняет свой цвет.

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

💾 Covering Bad – дополнительный верхний слой с фотофильтром, который можно двигать. Кнопка со стрелками может быть неподвижной или перемещаться по границе фильтра.

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

🎨 Цветовая палитра макета "Playful Slide Template":

HEX | RGB
#EF704F | rgb(239,112,79)
#BAA6CB | rgb(186,166,203)
#A9B6A2 | rgb(169,182,162)

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

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

💾 3D Camera Icons – крупные детализированные иконки с реалистичным блеском. Их можно использовать как варианты для светлой и темной тем приложения.

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

💾 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"

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