💾 GSAP Cards Dance – зацикленная анимация для карточек. Ее можно остановить, нажав на кнопку "Пауза" в левом верхнем углу экрана.

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

💾 Collage – шаблоны для презентаций с яркими геометрическими иллюстрациями и декоративным шрифтом. Дизайн выглядит динамично и живо.

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

🐙 Awesome Low Level Design – репозиторий с полезными материалами по архитектуре ПО. Здесь есть описания основных понятий и паттернов, а также вопросы для собеседований.

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

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

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

💾 Neural Noise – анимированный фон, напоминающий нейроны. Светящиеся линии реагируют на курсор, но не на нажатие экрана.

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

🖥 AR Museum Guide – дизайн для мобильного приложения музея. Ощущение объема здесь создается за счет многослойности, детализированных фото и полупрозрачных элементов.

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

💾 Apple Liquid Glass – эффект полупрозрачного стекла, которое скользит по экрану. Движения у него плавные и реалистичные.

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

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

HEX | RGB
#FF5C00 | rgb(255, 92, 0)
#E33283 | rgb(227, 50, 131)
#6317DB | rgb(99, 23, 219)

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

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

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

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

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