💾 Gallery – "плавающие" изображения с эффектом размытия. Если выбрать какую-либо картинку, она станет четкой и перестанет двигаться.

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

✍️ Luckiest Guy – жирный шрифт без засечек, созданный в стиле текстов американской рекламы 1950-х годов. Пример можно увидеть на обратной стороне карточки в сниппете Legally Distinct Pocket Pet

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

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

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

🎨 Цветовая палитра макета "AR Museum Guide"

HEX | RGB
#F6ECE1 | rgb(246, 236, 225)
#D7A163 | rgb(215, 161, 99)
#424242 | rgb(66, 66, 66)

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

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

💾 Frutiger Aero Card – карточка с переливающейся рамкой из размытых цветных элементов. Интересно смотрятся полупрозрачные элементы и футуристичный шрифт.

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

🖥 Brutalist Shape Elements Mega Pack – коллекция геометрических фигур. Помимо минималистичных объектов тут есть штриховки и объемные фигуры из линий.

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

💾 Dynamic Twinkling Particle System – фон из неоновых созвездий. Тут можно создавать курсором "рябь", как на воде. Отдельные элементы тянутся к курсору и образуют многоугольники.

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

💾 Liquid Text Effect – текст с "жидким" эффектом и анимированным градиентом. Здесь используется библиотека WebGL.

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

🐙 UpUp – небольшая JavaScript-библиотека для разработки сайтов, которые могут быть доступны оффлайн. Сайты запускаются в фоновом режиме благодаря технологии Service Workers.

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

🎨 Цветовая палитра макета "Presentation Template 02"

HEX | RGB
#1BA58B | rgb(27, 165, 139)
#A61C1C | rgb(166, 28, 28)
#333333 | rgb(51, 51, 51)

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

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

✍️ Gill Sans – гуманистический гротеск, созданный в 1928 году. Широкая форма букв делает заголовки и подписи более заметными на экране. Пример шрифта есть в дизайне Travel App Concept

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

💾 Tubes Cursor – эффект для курсора в виде неоновых трубочек с белым блеском. Для 3D-графики тут используется библиотека WebGL.

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

💾 Bodymovin Modal – модальное окно, в котором при закрытии появляется фигурная рамка. Сам текст тоже имеет анимацию и "выплывает" из середины.

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

💾 Color Spectrum Layout – шаблон лендинга с градиентами разной длины. Всего девять типов градиентов, можно также отключить блюр между столбцами.

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

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

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

✍️ JetBrains Mono – шрифт, созданный специально для разработчиков компании JetBrains. Он выглядит стильно и подходит для коротких экранных текстов.

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

🖥 Email Template – набор шаблонов для электронных писем. Основные плюсы – это нежная цветовая палитра и броские иллюстрации.

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

💾 Generative Сolor Harmonies – генератор сочетаний цветов. Отличный инструмент для веб-дизайнера или художника.

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

🐙 Tiptap – фреймворк для создания текстовых редакторов. Дает возможность создавать проекты с нуля и добавлять функциональность под свои нужды. Фреймворк имеет открытый исходный код.

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

🎨 Цветовая палитра макета "Brutalist Shape Elements Megapack"

HEX | RGB
#FEDC00 | rgb(254, 220, 0)
#FF73A8 | rgb(255, 115, 168)
#3F5EF4 | rgb(63, 94, 244)

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

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

💾 Interactive Pyramid – прозрачная многослойная пирамида, которую можно крутить курсором. Внизу есть кнопка для вызова спецэффектов.

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