🖥 Beauty Product Web Design – изысканный дизайн лендинга для бренда натуральной косметики. Основа дизайна – глубокие приглушенные тона.

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

🖥 Mobile & Web Portfolio UI Design – дизайн сайта-портфолио в оттенках персикового и темно-зеленого цветов. Особо выделяются заголовки, выделенные контрастным шрифтом с засечками.

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

💾 Night && Day Toggle – переключатель темной и светлой темы. Чтобы переключить тему, можно нажимать не на сам кружок, а на любое место внутри элемента.

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

💾 Star Rating in Pure CSS – шкала рейтинга в виде сердечек, которые загораются уже при наведении курсора. Выбор сердечка помечается изменением его размера.

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

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

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

💾 Interactive Wheel Menu – меню, которое появляется при нажатии на экран. Оно исчезает, если экран перестать удерживать.

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

🖥 3D Blobs – набор абстрактных глянцевых 3D-фигур обтекаемой формы. В шаблоне также есть примеры их использования в UI.

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

🐙 DevFind – платформа для веб-разработчиков в виде поисковика со ссылками на портфолио и Github-профили. Можно искать разработчиков по имени, навыкам и стране проживания.

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

💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.

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

🎨 Цветовая палитра макета "The Art Of Geometry"

HEX | RGB
#D4EEDB | rgb(212,238,219)
#F88484 | rgb(248,132,132)
#437A50 | rgb(67,122,80)

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

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

✍️ Righteous – шрифт без засечек с округлыми элементами, который идеально подходит для веб-дизайна: заголовков, карточек и подписей к изображениям. Пример шрифта есть в сниппете "Cards Hover Effect"

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

✍️ Jura – футуристичный шрифт без засечек, который поддерживает латиницу, кириллицу и греческий алфавит. Пример шрифта можно посмотреть на официальном сайте Yuka

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

💾 Nutanix Loading Screen – минималистичный лоадер для темной темы. Созвездия на фоне двигаются как сами по себе, так и вслед за курсором.

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

🖥 Waste Landing Page – дизайн лендинга с информацией по переработке мусора. Основная фишка дизайна - яркие цветные иллюстрации.

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

💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.

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

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

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

🐙 ByteByteGoHq – коллекция схем, которые объясняют работу сложных систем: сетевые протоколы, CI/CD, REST API, архитектурные паттерны, безопасность и т.д. Поможет подготовиться к собеседованию.

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

✍️ Inter Tight – шрифт, разработанный специально для цифровых экранов. Имеет небольшие расстояния между символами. Пример шрифта можно посмотреть в макете "Gradients WebSite Template"

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

🐙 Meteor – современная платформа для создания мобильных и десктопных приложений. Поддерживает TypeScript и легко интегрируется с популярными фронтенд-фреймворками.

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

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

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