💾 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

💾 Landing Page HTML & CSS – галерея из раскрывающихся элементов. Заголовок, написанный вертикально, отображается в открытой карточке.

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

🎨 Цветовая палитра макета "Web UI Elements"

HEX | RGB
#FEFADF | rgb(254,250,223)
#BC6C25 | rgb(188,108,37)
#5F6C37 | rgb(95,108,55)

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

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

💾 This Is Not A Button – кнопка с окрашенным фоном, который в активном состоянии превращается в полосу. Анимация растягивает элемент по горизонтали и меняет цвет.

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

✍️ Neue Montreal – нейтральный шрифт без засечек с четкими формами. Подходит для мелких текстов веб-страниц. Пример шрифта есть в макете Abstract 3D Coral Shapes

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