🐙 Popmotion – небольшая, но стабильная библиотека анимаций для JavaScript. Поддерживает анимацию для строк, чисел и цветов. Каждая функция может быть импортирована индивидуально.

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

✍️ The Good Monolith – моноширный шрифт, вызывающий ассоциации с экранами приборов ХХ века. Пример можно посмотреть в сниппете Infinite Draggable Image Gallery

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

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

HEX | RGB
#FFEF5E | rgb(255, 239, 94)
#6EED63 | rgb(110, 237, 99)
#192FFF | rgb(25, 47, 255)

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

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

💾 Clouds Of Aether – фон из цветных пузырей, который наслаивается поверх текста. Элементы фона пересекаются и дают интересные смешения цветов.

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

💾 Studio Ghibli – трехмерный объект, реализованный на Three.js. Его можно поворачивать как вокруг своей оси, так и по вертикали.

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

🖥 Restaurant Reversion App – дизайн приложения для ресторана, вдохновленный стилем баухаус. Его особенность – контраст скругленных и обычных углов в карточках и графических элементах.

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

💾 Outlined Mobile Cards – карточки, которые в активном режиме становятся яркими. У каждой из них появляется цветная рамка с размытой полупрозрачной подсветкой.

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

🐙 Text Extract API – инструмент для преобразования картинок, pdf-файлов и других документов в формат Markdown или JSON. Работает с табличными данными, числами и математическими формулами, использует FastAPI.

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

✍️ Digital 7 Mono – ретро-шрифт с прямоугольными формами, созданный в стиле старых дисплеев. Пример можно увидеть в сниппете Metal Gear Radar States

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

💾 SVG Turbulence Filter Test – генератор искажений для SVG-элементов. Тут можно настроить глитчи, изгиб строки и деформацию всей картинки.

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

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

HEX | RGB
#A7EFF5 | rgb(167, 239, 245)
#F03F47 | rgb(240, 63, 71)
#7C4AB9 | rgb(124, 74, 185)

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

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

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

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

🖥 50 Gradient Texture Abstract Elements – набор сложных градиентов с высокой зернистостью. Для каждого фона есть своя геометрическая фигура, которую можно использовать отдельно.

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

✍️ Anta – футуристичный шрифт, созданный для графического дизайна. На экранах он хорошо смотрится в крупных надписях. Пример шрифта есть в сниппете Depth

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

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

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

💾 Broken Glass Effect – искажение картинки под "разбитое стекло". Эффект работает при клике на фото, а с помощью клавиши space включается режим без трещин.

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

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

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

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

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

💾 Dandelion – подвижная структура, которая вращается сама по себе и реагирует на курсор. Название переводится с английского как "одуванчик".

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

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

💾 Electric Border – карточка с анимированной рамкой на чистом CSS. Рамка имеет легкое размытое свечение снаружи и внутри.

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

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

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