🖥 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

💾 Mochi Shiba – милая анимация с щенками, которые появляются при наведении курсора на карточку. Отлично подойдет для сайтов зоомагазинов и кафе.

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

✍️ Merriweather – декоративный шрифт с засечками, который подходит для заголовков статей, карточек и разделов веб-приложений. Посмотреть пример использования шрифта можно в сниппете "About Us Effect"

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

💾 Fluid Text Hover – жидкий эффект для текста. Текстура фонового изображения тянется за мышкой, благодаря чему текст переливается.

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

🖥 Gifting Mobile App – дизайн приложения для выбора и рассылки подарков, выполненный в теплых кофейно-оранжевых тонах.

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

💾 Smooth 3D Perspective Slider – подвижный слайдер, который меняет положение в зависимости от курсора. Здесь очень красиво оформлен анимированный переход между слайдами.

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

🎨 Цветовая палитра макета "Figma Charts and Infographics UI Kit":

HEX | RGB
#CED9DC | rgb(206,217,220)
#E28AF2 | rgb(226,136,242)
#503795 | rgb(80,55,149)

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

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

🐙 NeteaseCloudMusicApi – API-сервис для загрузки музыки. Поддерживает работу в npx, автоматически устанавливает зависимости и запускает их.

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

💾 Mouse Elastic Border – шаблон для сайта с эластичной границей. В окне справа можно менять цвет обеих частей экрана.

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

✍️ League Gothic – это шрифт без засечек, берущий свое начало в 1903 году. Имеет только один вариант насыщенности, подходит для заголовков страниц и разделов. Пример шрифта есть в сниппете "Play With Shadows"

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

💾 Changing Face Rating – шкала для оценки с анимированным смайликом, который меняется в зависимости от величины рейтинга.

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