💾 SVG Displacement Text – эффект искажения для формата SVG. Текст двигается сам по себе и не связан с действиями пользователя.

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

🐙 Materialize – CSS фреймворк от Google на базе Material Design. В нем есть готовые стили и компоненты, а также анимация и поддержка адаптивной сетки.

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

✍️ Chakra Petch – геометрический шрифт без засечек с квадратными формами и острыми углами. Он поддерживает тайскую письменность и латиницу. Пример есть в макете Health Analytics App

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

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

HEX | RGB
#D1D487 | rgb(209, 212, 135)
#E66251 | rgb(230, 98, 81)
#257FBD | rgb(37, 127, 189)

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

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

💾 Slider – слайдер с круглыми элементами, который работает как при прокрутке экрана, так и при нажатии курсором на картинку. Здесь использована библиотека Swiper.js.

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

💾 Slider Parallax Effect – эффект перелистывания страниц. Чтобы перейти к другому элементу, нужно потянуть экран курсором влево или вправо.

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

🐙 DevExtreme – кроссплатформенный фреймворк для создания бизнес-приложений. Он использует HTML5 и JavaScript, имеет более 30 готовых виджетов и интегрируется с Visual Studio.

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

💾 3D Cards – вращающиеся карточки с многослойным текстом. Они двигаются сами по себе и не реагируют на курсор.

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

🖥 Presentation Template 02 – макет для презентации, построенный на контрастах цветов и блоков. На многих слайдах элементы находятся в шахматном порядке.

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

💾 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

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