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

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

🖥 Parallax Effect – дизайн для слайдера. Здесь представлены приглушенные оттенки, зернистый фон и мягкие градиенты. Контраст создан за счет крупных заголовков и небольших кусков текста.

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

💾 Spinner – оригинальный спиннер, который превращается из квадрата в окружность и наоборот. Разные оттенки его граней создают 3D-эффект.

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

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

HEX | RGB
#C8CDB7 | rgb(200,205,183)
#F7726C | rgb(247,114,108)
#066873 | rgb(6,104,115)

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

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

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

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

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

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

💾 Interactive Wheel Menu – меню, которое появляется при нажатии на экран. Оно исчезает, если экран перестать удерживать.

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