💾 Elastic Accordion GSAP – эластичные рамки для изображений, которые растягиваются при нажатии курсором. Подвижность элементов создает эффект "резины".

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

🖥 Online Food Ordering Website – дизайн лендинга для сервиса заказа еды. Теплые оттенки зеленого создают здесь ощущение свежести и уюта, а оранжевые элементы намекают на вкусные продукты.

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

💾 Breathe – лоадер с анимированными контурами в виде спирали. Для дизайна используется градиент из серо-голубого и светло-розового.

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

🐙 Plyr – это простой и легко настраиваемый медиаплеер, который работает с HTML5, YouTube и Vimeo и поддерживает современные браузеры.

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

✍ Lora – современный шрифт с засечками, уходящий корнями в каллиграфию. Шрифт отличается умеренным контрастом и плавными изгибами, которые контрастируют с засечками. Пример есть в сниппете "Smooth 3D Perspective Slider"

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

🎨 Цветовая палитра макета "DeepBreathe":

HEX | RGB
#F7A279 | rgb(247,162,121)
#73BA9A | rgb(115,186,154)
#8267C6 | rgb(130,103,198)

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

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

💾 Gradient Button – набор градиентных кнопок двух типов. Кнопки с прозрачным фоном при наведении курсора заполняются цветом, а уже залитые кнопки в нижнем ряду меняют оттенок.

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

🐙 Flowise – UI-кит для создания схем и ассоциативных карт из элементов веб-дизайна. Инструмент использует в своей основе фреймворк LangchainJS.

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

💾 Spinning Text – текст, каждая строка которого вращается со своей собственной скоростью вокруг вертикальной оси.

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

🖥 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