🎨 Цветовая палитра макета "Car Service":

HEX | RGB
#C1C1C1 | rgb(193,193,193)
#FF011D | rgb(255,1,29)
#1E1E1E | rgb(30,30,30)

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

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

💾 Night && Day Toggle – переключатель темной и светлой темы. Чтобы переключить тему, можно нажимать не на сам кружок, а на любое место внутри элемента.

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

💾 Bouncy Image Radio Group – галерея с "резиновым" эффектом. После клика картинка расширяется, словно сделана из мягкого материала.

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

🐙 Emojihub – это API, который позволяет получить полный список эмодзи из определенной категории или группы. Всего в базе 1791 объект, а данные хранятся в объектах JSON с HTML-кодами для вставки в веб-приложения.

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

💾 Rings Navigation Concept – меню навигации, выполненное в виде кругов, вложенных друг в друга. Хорошая альтернатива привычным меню в виде строк или столбцов.

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

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

HEX | RGB
#FCD2FF | rgb(252,210,255)
#B373C5 | rgb(179,115,197)
#6D68CF | rgb(109,104,207)

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

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

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

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

💾 Button Hover Effects – набор эффектов наведения для кнопок. Анимация включает в себя изменение фона, рамки и движение текста.

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

🎨 Цветовая палитра макета "Bank UI":

HEX | RGB
#DFFFE8 | rgb(223,255,232)
#FFD202 | rgb(255,210,2)
#7DAD81 | rgb(125,173,129)

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

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

💾 Fullcreen Layout Page – структура из четырех секций сайта. Станет хорошей основой для верстки и поможет визуально упорядочить секции.

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

🖥 BoraCodar – дизайн приложения для определения погоды, выполненный в сиренево-синих тонах. Внимание привлекают многослойность в облаках и полупрозрачные карточки.

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

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

HEX | RGB
#D2DDBF | rgb(210,221,191)
#8CA475 | rgb(140,164,117)
#213621 | rgb(33,54,33)

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

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

💾 Responsive GSAP Slider – слайдер для представления продуктов с подвижными SVG-картинками. Слайдер можно легко настроить под себя.

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

💾 Sparkle Button – кнопка, которая имеет анимированную обводку и в активном состоянии светится неоновым сине-фиолетовым цветом.

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

🖥 Abstract 3D Coral Shapes – набор из 16 объемных фигурок кораллов: 8 красно-оранжевых и 8 сине-зеленых. Все фигурки сгенерированы ИИ и имеют высокое качество.

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

🖥 Colour Palettes/ Moodboards – набор цветовых палитр, однотонных цветных карточек и фоновых изображений с готовыми текстурными фильтрами.

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

💾 Star Trails With Options – эффект блестящих звездочек для курсора. Он имеет три варианта: с гравитацией (частицы летят вниз), без гравитации и постепенное затухание.

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

✍️ Georgia – антиква, разработанная в 1993г. для Microsoft. Удобно читается на маленьких экранах и при небольшом размере шрифта. Пример этой гарнитуры есть в сниппете "Animated Covers"

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

💾 Rotating Links – анимация для логотипов, которая вращает текст и рамку по кругу. Этот эффект подойдет для сайтов небольших брендов.

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

💾 Responsive Shader Carousel – галерея, показывающая выбранное изображение на заднем плане. Перелистывать можно только с помощью двух кнопок.

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

✍️ Avenir LT 85 Heavy – геометрический шрифт без засечек. Подойдет для заголовков разделов приложений или для инфографики. Пример можно посмотреть на сайте "Gallery CSS"

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