🐙 Text Behind Image – полезный инструмент для создания текста на заднем плане фотографии. Проект имеет открытый исходный код.

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

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

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

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

HEX | RGB
#D6E0E2 | rgb(214, 224, 226)
#D5FF5F | rgb(213, 255, 95)
#4E6075 | rgb(78, 96, 117)

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

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

💾 3D Realistic Bee – лендинг с 3D-анимацией пчелы и 3D-иллюстрациями на заднем плане. Текст находится "между" этими двумя слоями.

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

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

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

💾 Deconstructed Cards – два варианта карточек с эффектом зума и подвижным фоном. Текст в активном режиме становится ярче, а графика – заметнее.

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

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

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

🖥 Health Analytics App – дизайн для мобильного приложения с аналитикой здоровья. Основные черты – выдержанный стиль, насыщенные холодные тона, контрасты и отсутствие скругленных углов.

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

💾 Services Section – карточки с выдвигающимся фоном и композицией из четырех картинок-сегментов. В активном состоянии цвет текста становится ярче.

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

💾 CSS Single Element Goey Spinner – лоадер из "жидких" капель, которые перетекают друг в друга по направлению движения. Лучше всего будет выглядеть на белом фоне.

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

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

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

🐙 Phaser – фреймворк с открытым исходным кодом для создания браузерных игр. Визуализация основана на Canvas и WebGL, а рендеринг – на Pixi.js.

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

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

HEX | RGB
#EDEDE5 | rgb(237, 237, 229)
#F27BF1 | rgb(242, 123, 241)
#8D8CF4 | rgb(141, 140, 244)

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

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

💾 Expanding Card Page – карточки с многослойным эффектом. При нажатии каждая карточка раскрывается с увеличенной картинкой и блоком текста.

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

🖥 Data Visualization – дизайн элементов инфографики в ярких, но глубоких тонах. Графики и диаграммы особенно стильно смотрятся на темном фоне.

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

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

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

💾 Scratch Discount Ticket Animation – эффект "стирания пленки" с промокодом внутри. В самом конце по экрану падает конфетти.

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

🎨 Цветовая палитра макета "50 Gradient Texture Abstract Elements"

HEX | RGB
#FCBD54 | rgb(252, 189, 84)
#F37FA2 | rgb(243, 127, 162)
#607BE2 | rgb(96, 123, 226)

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

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