🖥 Smart Task Mobile Apps – яркий и насыщенный дизайн элементов мобильного приложения. В центре внимания - контраст цветных элементов и белого фона.

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

💾 Header Navigation Menu – кнопка с раскрывающимся меню сайта. Ее иконка трансформируется в крестик с помощью вращения ее элементов вокруг центра.

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

✍️ Baloo – дисплейный шрифт с полужирными закругленными буквами, разработанный в Индии. Он улучшает видимость дизайна и подходит для заголовков, карточек, открыток, а также названий фильмов. Пример есть в сниппете "Mochi Shiba"

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

🐙 Web-IIm – проект, который добавляет языковые модели нейросетей в чаты веб-браузеров и помогает создавать ИИ-ассистентов. Работает на Web GPU без поддержки сервера.

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

💾 Progress Bar – шкала шагов, которую можно переключать вручную. Подойдет для переключения вкладок с этапами какого-либо действия.

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

🎨 Цветовая палитра макета "Online Food Ordering Website":

HEX | RGB
#D0DEC4 | rgb(208,222,196)
#BECB42 | rgb(190,203,66)
#356203 | rgb(53,98,3)

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

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

💾 Hex Animation – анимированный фон, который запускается при нажатии кнопки. Элементы могут поворачиваться, менять цвет и форму.

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

🐙 Van – это очень легкий реактивный UI-фреймворк на основе чистого JavaScript. Он интуитивно понятен, мало весит и имеет поддержку TypeScript.

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

🎨 Цветовая палитра макета "Smart Task Mobile Apps":

HEX | RGB
#FD5AA9 | rgb(253,90,169)
#FD815B | rgb(253,129,91)
#8459FB | rgb(132,89,251)

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

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

💾 CSS Dropping Letters – необычный эффект набора текста, при котором строки напоминают элементы коллажа. Подойдет для креативных заголовков на сайтах.

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

🖥 Ngan Pho Gallery Landing Page – дизайн лендинга для вьетнамской галереи искусств. Цвета для кнопки и шапки сайта, а также шрифты подобраны в качестве дополнения к картинам на заднем плане.

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

💾 Atom Button – кнопка с анимированной рамкой. При наведении курсора появляется светящийся шар, который двигается независимо от действий пользователя.

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

✍️ Comfortaa – закругленный геометрический шрифт без засечек, который предназначен для дизайна больших размеров. На сайтах его используют в заголовках и в подписях к картинкам. Пример есть в сниппете "SVG Loader Animation"

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

💾 Views – галерея, где изображения перемещаются при нажатии на них. Они также двигаются сами раз в несколько секунд.

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

🖥 Food App Design – дизайн мобильного приложения для доставки еды с контрастным сочетанием кремового и малинового цветов.

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

💾 LEDs On/Off – переключатели с неоновой подсветкой в виде объемных полупрозрачных лампочек. Все эффекты выполнены на CSS.

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

🐙 Popcorn Time – это мультиплатформенный бесплатный программный клиент BitTorrent, который включает в себя встроенный медиаплеер (Windows / Mac / Linux).

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

💾 Feedback Reactions – набор смайликов для оценки рейтинга. Сразу несколько элементов выбрать невозможно.

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

🎨 Цветовая палитра макета "Ngan Pho Gallery Landing Page":

HEX | RGB
#E9D78E | rgb(233,215,142)
#671114 | rgb(103,17,20)
#19444A | rgb(25,68,74)

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

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

✍️ Droid Sans – это шрифт без засечек, разработанный для пользовательских интерфейсов мобильных устройств. Раньше использовался по умолчанию в устройствах Android. Пример есть в сниппете "Liquid Button"

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

💾 Slider Parallax Effect – эффект перелистывания страниц. Чтобы перейти к другому элементу, нужно потянуть экран курсором влево или вправо.

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