💾 Box Shadow Animation – эффект изменения ширины рамки. Достигается за счет анимации для тени кнопок.

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

✍️ Satoshi – шрифт без засечек, который сочетает в себе элегантные округлые формы и резкие угловатые детали. Пример можно увидеть в макете "Saasinyo"

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

💾 Expanding Cards – блок карточек в приглушенных тонах. При наведении курсора на карточке срабатывает анимация.

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

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

HEX | RGB
#CBE8E3 | rgb(203,232,227)
#F9EC84 | rgb(249,236,132)
#22927E | rgb(34,146,126)

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

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

🖥 Vegan Club Website – дизайн для сайта веганского клуба. Здесь использованы насыщенные, "овощные" цвета и достаточно крупные изображения.

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

💾 Know Your Menu – анимация для пяти разных иконок меню, которая срабатывает при наведении курсора (hover).

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

✍️ Work Sans – семейство шрифтов, основанное на ранних гротесках. Work Sans оптимизирован для использования на экране средних размеров, а также в печатном дизайне. Пример есть в сниппете "Clipped Image Reveal On Hover"

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

🐙 Expensify – приложение для управления финансами. Оно помогает отслеживать доходы и расходы как для личного пользования, так и для бизнеса.

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

💾 Product Сard – анимированная карточка с выплывающим меню и подсветкой кнопки "корзина". В активном состоянии карточка визуально приближается к пользователю.

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

🖥 Fashion Website UI Template – дизайн для магазина одежды, выполненный в оттенках зеленого: от темных тонов до пастельного салатового.

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

🐙 userver 1.0 — фреймворк от Яндекса, предназначенный для разработки приложений с микросервисной архитектурой, которая позволяет создавать отдельные независимые компоненты (микросервисы) и переиспользовать их в различных решениях.

Почитать подробнее об инструменте можно на Хабре

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

💾 Spinner – оригинальный спиннер, который превращается из квадрата в окружность и наоборот. Разные оттенки его граней создают 3D-эффект.

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

🐙 Nue.js – компактный фреймворк для создания пользовательских интерфейсов приложений на основе JavaScript. В нем мало абстрактных понятий, для работы достаточно знать HTML, CSS и JavaScript на базовом уровне.

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

💾 Button Love – три анимированных hover-эффекта для кнопок, которые включают в себя смещение и закрашивание фона, а также наложение маленькой картинки.

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

✍️ Anton – это адаптация традиционного рекламного шрифта без засечек. Формы букв и начертания были оптимизированы для использования в качестве полужирного шрифта в современных веб-браузерах. Пример шрифта есть в заголовках: "Coffee Shop Mobile App"

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

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

HEX | RGB
#E1D1BC | rgb(225,209,188)
#B87751 | rgb(184,119,81)
#42230F | rgb(66,35,15)

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

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

💾 Slider – слайдер с круглыми элементами, который работает как при прокрутке экрана, так и при нажатии курсором на картинку. Здесь использована библиотека Swiper.js.

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

🖥 Gradients WebSite Template – дизайн шаблона для лендингов с разноцветными градиентами. В основе дизайна лежит темная тема экрана.

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

💾 Cards Hover Effect – эффект для карточки, который показывает скрытый текст при наведении курсора. При этом текст на передней части карточки уменьшается.

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

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

HEX | RGB
#D6E437 | rgb(214,228,55)
#F47497 | rgb(244,116,151)
#216903 | rgb(33,105,3)

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

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

💾 Noisy Risograph Gradient Celestial Body – генератор градиентов с визуальным шумом. Можно использовать для того, чтобы задавать фон приложений.

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