💾 Animated Border Gradient – анимированная рамка для HTML-элемента. Создает эффект неонового свечения, подойдет для темной темы приложения.

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

🖥 BoraCodar – дизайн приложения для определения погоды, выполненный в сиренево-синих тонах. Внимание привлекают многослойность в облаках и полупрозрачные карточки.

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

🐙 Servo – браузерный движок, выполняющий такие функции как рендеринг, парсинг HTML и декодирование изображений. Движок написан на языке Rust.

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

💾 Fullcreen Layout Page – структура из четырех секций сайта. Станет хорошей основой для верстки и поможет визуально упорядочить секции.

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

✍️ Margarine – это декоративный шрифт, вдохновленный различными источниками. Намеренно закругленные формы букв создают ощущение теплоты и размытости. Шрифт подходит для коротких текстов на карточках или кнопках. Пример есть тут: Obvious CTA Buttons

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

💾 Gradient Buttons – стилизованные кнопки на чистом CSS. Выглядят стильно за счет пастельных тонов и переливающегося фона.

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

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

HEX | RGB
#DFFFE8 | rgb(223,255,232)
#FFD202 | rgb(255,210,2)
#7DAD81 | rgb(125,173,129)

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

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

💾 Snowball Preloader – оригинальный лоадер в виде снежного кома. Выделяется за счет 3D-эффекта, при котором окружность - это тень от снега.

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

🐙 FloatUI – библиотека компонентов пользовательского интерфейса, которая позволяет создавать сайты для мобильных устройств, планшетов и компьютеров. Для этого не обязательно обладать хорошими навыками веб-дизайнера.

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

💾 Button Hover Effects – набор эффектов наведения для кнопок. Анимация включает в себя изменение фона, рамки и движение текста.

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

✍️ Dahlia – каллиграфический шрифт, стилизованный под рукописный. Поддерживает 12 языков, не включая языки с кириллическим алфавитом. Подойдет для декоративных элементов сайта. Пример есть в лендинге "Hair Care Product Landing Page"

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

🖥 Travel Booking Mobile App – дизайн мобильного приложения для путешественников. Сочетание мятного и оранжевого цветов создает контраст и освежает дизайн.

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

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

HEX | RGB
#FCD2FF | rgb(252,210,255)
#B373C5 | rgb(179,115,197)
#6D68CF | rgb(109,104,207)

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

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

💾 Rings Navigation Concept – меню навигации, выполненное в виде кругов, вложенных друг в друга. Хорошая альтернатива привычным меню в виде строк или столбцов.

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

🐙 FloatUI – библиотека компонентов пользовательского интерфейса, которая позволяет создавать сайты для мобильных устройств, планшетов и компьютеров. Для этого не обязательно обладать хорошими навыками веб-дизайнера.

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

💾 Canvas Slider Gsap Parallax – слайдер, который делит изображение на несколько диагональных полос. Если не переключать картинки вручную, он сам через некоторое время переходит к новому слайду.

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

🎨 Цветовая палитра макета "Travel Booking Mobile App":

HEX | RGB
#FC9867 | rgb(252,152,103)
#23C6C3 | rgb(35,198,195)
#666870 | rgb(102,104,112)

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

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

💾 Hamburger Icons Animations – анимированные иконки для гамбургер-меню, которые могут превращаться в стрелки, крестики, указатели, а также знаки плюс и минус.

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

✍️ Century Gothic – геометрический шрифт без засечек, на который повлиял стиль шрифтов 1920-1930х гг. Подойдет для заголовков и статей цифровых изданий, а также для небольших рекламных текстов.

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

🖥 School App – дизайн приложения для школьников, который включает сочетания разных геометрических фигур и контрастные цвета.

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

💾 Switches – набор из переключателей с ненавязчивым дизайном и плавной анимацией. Элементы созданы с помощью CSS.

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