💾 Generative Gradient Blobs – анимация SVG, которая генерируется случайным образом при нажатии кнопки. Каждому пузырьку присваивается уникальный градиент, скорость и траектория движения.

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

🖥 Meditation App – дизайн мобильного приложения для медитации с особым стилем. В дизайне присутствуют спокойные тона и иллюстрации, похожие на рисунки карандашами.

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

💾 Gradient Buttons – набор кнопок в пастельных тонах с переливающимся градиентом. Чтобы эффект сработал, нужно навести курсор на кнопку.

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

💾 Organic Onboarder – слайдер на CSS и JavaScript. Основная особенность - плавный переход от слайда к слайду и плавные градиенты.

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

💾 Liquid Button – анимированная "жидкая" кнопка, которая меняет форму при наведении курсора. Имитирует нетвердый материал и выглядит довольно оригинально.

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

🖥 Big Cart – дизайн мобильного приложения доставки здорового питания. Выполнен в теплых зеленых тонах с добавлением ярких иконок.

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

✍🏻 PT Sans – простой и лаконичный шрифт без засечек. Относится к системе бесплатных шрифтов Public Type, которая поддерживает все языки малых народов РФ. Подойдет для сайтов, печатных изданий, деловой переписки и научных статей. Пример в сниппете: "Responsive Menu Effect"

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

🐙 Mermaid – это инструмент для построения диаграмм на основе JavaScript, который использует текстовые определения в виде разметки. Он позволяет визуализировать и редактировать сложные блок-схемы.

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

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

HEX | RGB
#F2C94D | rgb(242,201,77)
#FC735F | rgb(252,115,95)
#06797C | rgb(6,121,124)

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

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

💾 CSS Hover Zoom Scale – эффект приближения для карточек и изображений. Особенности эффекта - полупрозрачная тень и плавное всплытие элемента.

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

🖥 Dash Bike Sharing App – дизайн мобильного приложения велопроката. Выглядит свежо и легко для глаз за счет насыщенного зеленого цвета и сглаженных углов.

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

✍️ Mukta – это универсальный рубленный шрифт без засечек, который совместим с Unicode и подходит для дизайна веб-приложений. Пример шрифта можно посмотреть в посте "Button Hover"

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

💾 SVG Loader Animation – набор анимированных лоадеров в SVG-формате. Элементы выглядят утонченно за счет тщательно прорисованной графики.

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

🐙 Sequelize – это легкий в использовании ORM-инструмент, работающий на промисах. Поддерживает PostgreSQL, MySQL, MariaDB, SQLite, MS SQL Server, Snowflake, Oracle DB (v6), DB2 и DB2 for IBM i.

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

💾 CSS3 Hover Effects – это 16 стильных hover-эффектов, которые хорошо будут смотреться на мелких элементах сайта.

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

🎨 Цветовая палитра макета "Big Cart":

HEX | RGB
#D0E598 | rgb(208,229,152)
#67BB1D | rgb(103,187,29)
#E86552 | rgb(232,101,82)

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

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

🐙 Slash – это коллекция пакетов для JavaScript и TypeScript. Библиотека содержит более 30 npm-пакетов для создания высококачественных веб-приложений. Некоторые компоненты, хуки и функции можно использовать в React.

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

💾 Modal Button Animation – анимация для кнопки, выполненная на React. При нажатии всплывает модальное окно с кнопкой "закрыть".

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

🎨 Цветовая палитра макета "Dash Bike Sharing App":

HEX | RGB
#C6F8DD | rgb(198,248,221)
#0FFF78 | rgb(15,255,120)
#02E8D7 | rgb(2,232,215)

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

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

💾 Tooltip Animation – это меню из трех элементов над кнопкой, а также разноцветные исчезающие иконки, которые разлетаются в разные стороны.

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

🖥 Figma Charts & Infographics UI Kit – набор готовых графиков и диаграмм. Содержит наиболее распространенные шаблоны визуализации данных, от простых столбчатых диаграмм до сложных карт.

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