💾 CSS3 Loading animations – набор из 10 забавных эффектов анимации для загрузки страницы. Содержит горизонтальное и круговое движение.

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

🐙 Pdf.js – программа для чтения PDF-файлов, написанная на JavaScript и HTML5. Pdf.js - это проект с открытым исходным кодом, который постоянно ищет новых участников.

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

💾 Responsive Menu Effect – эффект для панели меню, который возникает при наведении курсора на элемент. Он меняет цвет элемента и создает плавный переход с изменением прозрачности.

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

✍🏻 DM Sans – это низкоконтрастный геометрический шрифт без засечек, который предназначен для использования в небольших текстах и подзаголовках. Этот шрифт используется в сниппете "Animated Star Rating"

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

💾 CSS Image Slider – оригинальный слайдер с диагональной границей между изображениями, выполненный на чистом CSS. Для размытого заднего фона использует цвета с картинок.

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

🖥 To Do App – дизайн мобильного приложения для списка дел. Интерфейс выполнен в спокойных тонах и не содержит лишних деталей.

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

💾 Flipping Burgers – анимация для бургер-меню. Представляет собой набор из 8 эффектов, которые активируются при нажатии на кнопку меню.

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

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

HEX | RGB
#ABD699 | rgb(171,214,153)
#75C9B7 | rgb(117,201,183)
#004E4F | rgb(0,78,79)

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

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

🐙 Validate.js – это библиотека, которая предоставляет декларативный способ валидации JavaScript-объектов. Поддерживает юнит-тестирование и на 100% покрывает код.

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

💾 Responsive Card – анимация для карточки. При нажатии изображение расширяется на всю область элемента, а при повторном нажатии возвращается на свое место.

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

✍🏻 Montserrat – это геометрический шрифт без засечек, который можно использовать в вывесках, заголовках текстов, а также на сайтах. Шрифт Montserrat можно посмотреть в сниппете "CSS Image Slider"

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

💾 Neon Button – анимированные кнопки, которые идеально подходят для сайта в темном оформлении. Движение в рамках происходит без нажатия на кнопку.

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

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

HEX | RGB
#EEEEEE | rgb(238,238,238)
#62D2C3 | rgb(98,210,195)
#3F3D56 | rgb(63,61,86)

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

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

💾 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