💾 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

🖥 Free Travel UI Landing Page – дизайн лендинга для тех, кто собирается путешествовать. Содержит информацию об интересных местах и полезные советы.

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

✍️ Lato – элегантный и гармоничный шрифт без засечек, который подойдет для текстов сайтов и книг. Благодаря классическим пропорциям в буквах тексты читать удобно и легко. Пример можно найти в сниппете "CSS Responsive Accordion"

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

💾 Smooth Mouse Scroll – эффект прокрутки экрана, при котором плавно меняется цвет фона. Поможет разграничить разделы сайта и сделать между ними приятный переход.

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

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

HEX | RGB
#FF7C0A | rgb(255,124,10)
#954526 | rgb(149,69,38)
#120F00 | rgb(18,15,0)

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

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

💾 Slider Transitions – анимированный слайдер, который меняет цвет фильтров на изображениях. Выглядит эстетично за счет перетекания слайдов по вертикали.

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

🐙 Promises Unwrapping – спецификация для промисов в стандарте ES6. Содержит большое количество информации и примеры использования кода.

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

💾 3D Scrolling Gallery – галерея с прокручивающимися изображениями, которые появляются из центра экрана при скролле мышки. Подойдет для сайтов, где важна динамика.

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