💾 Colorful Mobile Navigation Bar – меню, которое меняет цвет фона страницы и элементов иконки. Для поиска появляется поле ввода.

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

🐙 Expo – платформа для создания и тестирования приложений на React. Содержит готовые инструменты и сервисы для работы с iOS, Android и веб-приложениями.

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

💾 Fancy Hover Effect On Avatar – эффект приближения для аватарки. Изображение выходит за пределы рамки и приближается.

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

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

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

💾 3D Cards – карточки в стиле журнала National Geographic. При наведении курсора карточка поворачивается в сторону от пользователя.

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

🎨 Цветовая палитра макета "Template Plants Animated"

HEX | RGB
#A4C590 | rgb(164,197,114)
#EEBB50 | rgb(238,187,80)
#244031 | rgb(36,64,49)

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

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

🖥 HaHo Mobile UI Kit – дизайн-система для мобильных приложений, которая включает самые разные элементы интерфейса: формы, календари, инфографику, галереи, чаты и тд.

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

💾 Glide To Reveal – форма со скрытым паролем. Эффект размытия создан с помощью псевдокласса :has() в CSS.

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

✍️ Fraunces – экранный шрифт с небольшими засечками, вдохновленный гранитурами начала ХХ века. Подходит для заголовков и крупных надписей. Пример шрифта есть в сниппете CSS Scroll-Driven Animations

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

💾 AI Inside – спиннер в виде объемного кольца, созданный с помощью библиотеки анимации GSAP. В середине спиннера скрыт еще один графический элемент.

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

🐙 ESBuild – быстрый сборщик для веб-приложений, который поддерживает JavaScript, CSS, TypeScript, и JSX. Инструмент использует технологию tree-shaking для большей производительности.

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

✍️ Aston Script – каллиграфический шрифт с витиеватыми заглавными и строчными буквами. Пример использования можно посмотреть в заголовках макетов Colour Palettes/Moodboards

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

💾 Toilet Paper Toggle – переключатель для текстов или изображений. Этот эффект можно использовать для выбора ответа.

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

🖥 Web UI Elements – набор элементов в теплых природных оттенках. Здесь есть кнопки, иконки, переключатели, чекбоксы, шкалы прогресса, пагинация и многое другое.

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

💾 Claymorphic SVG Button – кнопка в трендовом стиле клейморфизм. Ее можно использовать в модальных окнах, в составе меню или отдельно.

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

🎨 Цветовая палитра макета "HaHo Mobile UI Kit"

HEX | RGB
#EAEBE5 | rgb(234,235,229)
#FE6A5E | rgb(254,106,94)
#455A53 | rgb(69,90,83)

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

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

💾 Neon Button – кнопка с радиальной неоновой подсветкой. Эффект запускается при наведении курсора и работает только в браузере Chrome.

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

✍️ Lilita One – экранный шрифт, который подходит для заголовков и коротких текстов. Слегка сжатая структура и некоторые привлекающие внимание детали добавят странице индивидуальности.

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

🖥 Dynamic 3D Business Icons Set – набор из 44 объемных иконок на тему бизнеса. У иконок красивые пастельные цвета, напоминающие конфеты.

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

💾 Houdini-animated Spinners – набор анимированных спиннеров. Они отличаются друг от друга небольшими деталями, если смотреть слева направо.

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

🐙 React Player – компонент React для воспроизведения различных URL-адресов, включая пути к файлам, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia и DailyMotion.

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