🎨 Цветовая палитра макета "Android Material You UI Kit"

HEX | RGB
#F8FDD9 | rgb(248,253,217)
#BDCD68 | rgb(189,205,104)
#50514A | rgb(80,81,74)

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

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

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

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

💾 Custom Rhombus Shape – шаблон в виде ромбов для изображений или карточек с текстом. Каждый ромб меняет цвет и анимируется при наведении курсора либо по нажатию.

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

🖥 Neo-Brutalism UI Kit – дизайн в ретро-стиле с яркими цветами и насыщенными черными тенями, напоминающий о первых днях интернета.

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

💾 Interactive Gradient – градиентная подсветка фона с плавным нарастанием прозрачности к краю. Если не двигать курсор, фон все равно будет находиться в движении.

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

🐙 Ghost – мощная платформа для работы с публикациями, которая позволяет создавать веб-сайты, заливать контент, делать рассылки и управлять платными подписками.

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

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

HEX | RGB
#FFF3C3 | rgb(255,243,195)
#FE9778 | rgb(254,151,120)
#7BA9FF | rgb(123,169,255)

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

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

💾 Breakingtrends.io – пример эффекта раскрытия карточек. Полезно для разделов сайтов с описанием услуг или преимуществ компании.

Пример взят с канала @breakingtrends про тренды, соцсети и пиар. Подписывайтесь 💪

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

✍️ Sarabun – веб-шрифт с открытым исходным кодом, который поддерживает латиницу и тайский язык. Пример можно посмотреть в заголовке официального сайта Cesium.js

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

💾 Parametric Surface – объемные вращающиеся фигуры, написанные с помощью библиотеки Three.js. Структуру фигурки в разноцветных цветах можно увидеть, если навести на нее курсор.

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

🐙 Litegraph.js – библиотека JavaScript для создания браузерных графов, которые можно экспортировать в формате JSON и вставлять в код. Тут есть Canvas 2D, удобный редактор, настройки дизайна и возможность работать с TypeScript.

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

💾 VFX-JS – градиентный фон с 3D-пузырями. Элементы летают по экрану сами по себе, однако один пузырь следует за движением курсора.

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

🐙 WebKit – браузерный движок, который используется во многих известных приложениях. Помогает форматировать и отображать веб-страницы, делая их доступными для пользователей разных браузеров.

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

💾 3D CSS && Scroll-Driven Laptop Flip – анимация прокрутки одностраничного сайта. При скролле вниз ноутбук раскрывается и показывает картинку.

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

🖥 Chat UI Kit – дизайн для чатов с шапкой, футером и объемными аватарками. Главная страница имеет множественный градиент в сине-зеленых оттенках.

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

💾 CSS3 Speedometer Emoji Gauge – шкала оценки, где каждой реакции соответствует свой цвет и эмодзи. Перетаскивать можно только бегунок на горизонтальной шкале.

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

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

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

🎨 Цветовая палитра макета "Neo-Brutalism UI Kit"

HEX | RGB
#FFFB47 | rgb(255,251,71)
#B8FF9F | rgb(184,255,159)
#FF9FA0 | rgb(255,159,160)

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

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

💾 Boxy Preloaders – лоадеры из анимированных градиентных прямоугольников. Каждый элемент выглядит мягким и пластичным, а также меняет свой цвет.

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

🖥 MNTN Landing Page – дизайн сайта о путешествиях. Здесь использованы самые разные оттенки зеленого, а также эффект наложения элементов друг на друга.

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

💾 Windows XP – полупрозрачный стеклянный логотип Windows. Отличный пример того, как можно представить графику в 3D-формате.

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