🖥 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

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

🐙 Earthworm – приложение на TypeScript для изучения английского языка. В заданиях нужно составлять предложения из отдельных слов.

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

💾 Hamburgers – набор анимированных иконок для меню. Анимация сделана за счет вращения, а также расширения иконки вниз и вверх.

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

🖥 Alien Staff Assets – более 20 PNG-элементов в футуристичном стиле. Шаблоны, изображения и иконки подойдут для веб-приложений развлекательного формата, а также для афиш и баннеров.

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

💾 Papers – карточки в виде реалистичных, детализированных бумажных листков. Вращать бумажку можно правой кнопкой мыши.

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

🎨 Цветовая палитра макета "Dynamic 3D Business Icons Set"

HEX | RGB
#F8E7CB | rgb(248,231,203)
#86E8DA | rgb(134,232,218)
#D8A2ED | rgb(216,162,237)

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

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

✍️ Asap – шрифт без засечек с закругленными углами. Он разработан специально для экранов и имеет стандартную ширину символов, поэтому строки текста остаются одинаковой длины.

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

💾 Single Keyframe Tricks – анимированные эффекты для кнопок: вращение, глитч, блюр, подсветка и заполнение цветом. При нажатии эффект исчезает.

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

🖥 Microsoft Teams UI Kit – набор компонентов и шаблонов на основе пользовательских сценариев. В нем используются основные концепции веб-дизайна, такие как адаптивность и доступность.

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

💾 CSS Party – пульсирующий эффект с полупрозрачной подсветкой для шрифта. Скорость пульсации можно настроить вручную.

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