💾 Animated Covers – набор из 15 эффектов для карточки с текстом. Анимация показывает разные варианты появления фона.

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

💾 Design Wormhole – карточка с трехмерным вращением и эффектом стекла. Внизу – непрерывная анимация с исчезающим предметом.

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

🐙 JSLingui – библиотека JavaScript для интернационализации проектов. В ее задачи входит динамический перевод интерфейсов на разные языки и локализация. Библиотеку удобно использовать с React.

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

💾 Depth – слайдер с буквами, который двигается вслед за курсором. Можно менять ширину слайдов и высоту, на которой находится буква.

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

💾 Text Circle Animation – круг со словами, который можно вращать курсором. При быстром движении буквы "разлетаются" в стороны.

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

✍️ Asgard – дерзкий, экспрессивный шрифт без засечек с сильными контрастами. Подходит для афиш, постеров и лендингов. Посмотреть шрифт можно в сниппете Breakingtrends.io

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

💾 Metal Gear Radar States – уведомления в стиле ретро-дисплеев. Для создания атмосферы используется зернистый фон, пиксельный шрифт и приглушенные цвета.

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

🎨 Цветовая палитра макета "Vector Hand Drawn Shapes"

HEX | RGB
#FFF351 | rgb(255, 243, 81)
#FE78AA | rgb(254, 120, 170)
#656D76 | rgb(101, 109, 118)

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

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

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

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

💾 Circular Animations – девять современных минималистичных лоадеров. Фигуры состоят из одинаковых белых кружков, которые могут менять размер и прозрачность.

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

🖥 The Ordinary – дизайн мобильного приложения для магазина косметики. Его особенность – нежные оттенки бежевого, зеленого, серого и кремового, которые вызывают ощущение спокойствия.

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

🐙 The 50 Frontend Project – подборка проектов, среди которых есть сайты, простые игры и приложения, выполняющие какую-либо функцию (калькулятор, заметки, часы, словарь и так далее).

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

✍️ Skolar Sans Latin – шрифт без засечек с нейтральным внешним видом и сбалансированными формами. Идеально подходит для заголовков, текстов и логотипов в веб-дизайне. Пример есть в сниппете CSS Party

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

🎨 Цветовая палитра макета "Health Analytics App"

HEX | RGB
#E6DAFF | rgb(230, 218, 255)
#8A3FFC | rgb(138, 63, 252)
#08BDB7 | rgb(8, 189, 183)

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

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

💾 Double Matcap – трехмерная фигура, меняющая цвет и текстуру. Часть текста на ее фоне становится прозрачной с обводкой.

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

🖥 Creative Brief – дизайн презентации с крупным шрифтом и волнистыми градиентами. На изображениях использован фильтр с крупной зернистостью.

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

💾 Shader Image Transition – переключатель фото с анимированной загрузкой. Каждая картинка выстраивается из крупных пикселей.

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

🐙 Wtfjs – репозиторий с забавными особенностями JavaScript, которые полезно знать каждому фронтенд-разработчику. Каждый кейс разбирается на конкретных примерах.

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

💾 Timeline Seemless Loop – лоадер в виде CD-диска. Эффект объема создается за счет теней от центра и изменения формы краев.

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

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

HEX | RGB
#ECEADE | rgb(236, 234, 222)
#C28C7E | rgb(194, 140, 126)
#A2AA7B | rgb(162, 170, 123)

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

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