🎨 Цветовая палитра макета "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

🐙 JSONEditor – это веб-инструмент для просмотра, редактирования, форматирования и проверки JSON. Он разные режимы: редактор кода, редактор древовидных списков и обычный текстовый редактор.

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

🎨 Цветовая палитра макета "Alien Staff Assets"

HEX | RGB
#FFCC03 | rgb(255,204,3)
#2C9FF0 | rgb(44,159,240)
#FF5DFE | rgb(255,93,254)

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

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

💾 Cards With Inverted Border Radius – галерея карточек с кнопкой, встроенной внизу картинки. Это сделано за счет настройки радиуса углов в CSS.

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

🖥 Mid Mod – коллекция ярких, контрастных шаблонов для лендингов и презентаций. В ней есть карточки, основы для инфографики и мокапы.

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

💾 SVG Blob Animation – обтекаемая геометрическая фигура, которая меняет форму и цвет. Ее можно использовать для создания динамического фона сайта.

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

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

HEX | RGB
#E9DCFD | rgb(233,220,253)
#9673C4 | rgb(150,115,196)
#4C53BD | rgb(76,83,189)

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

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

💾 Osaka Card – интерактивная карточка с подвижными элементами и фоном. Движение зависит от положения курсора, на элементы нельзя нажать.

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

🐙 Drawio – инструмент для создания диаграмм, ментальных карт, блок-схем и инфографики. Интегрируется с Google-инструментами, Github, Gitlab и Notion.

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

💾 SVG Icons Animated With CSS – анимированные иконки для обозначения погоды. У некоторых из них маленькие элементы не просто двигаются, а становятся прозрачными.

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