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

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

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

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

💾 3D CSS && Scroll-Driven Laptop Flip – анимация прокрутки одностраничного сайта. При скролле вниз ноутбук раскрывается и показывает картинку.

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

🖥 Chat UI Kit – дизайн для чатов с шапкой, футером и объемными аватарками. Главная страница имеет множественный градиент в сине-зеленых оттенках.

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

💾 CSS3 Speedometer Emoji Gauge – шкала оценки, где каждой реакции соответствует свой цвет и эмодзи. Перетаскивать можно только бегунок на горизонтальной шкале.

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

✍️ Overlock – шрифт с закругленными элементами, который подходит для заголовков и коротких текстов в печати и на веб-страницах.

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

🎨 Цветовая палитра макета "Neo-Brutalism UI Kit"

HEX | RGB
#FFFB47 | rgb(255,251,71)
#B8FF9F | rgb(184,255,159)
#FF9FA0 | rgb(255,159,160)

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

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

💾 Boxy Preloaders – лоадеры из анимированных градиентных прямоугольников. Каждый элемент выглядит мягким и пластичным, а также меняет свой цвет.

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

🖥 MNTN Landing Page – дизайн сайта о путешествиях. Здесь использованы самые разные оттенки зеленого, а также эффект наложения элементов друг на друга.

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

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

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

🐙 Front End Web Development Resources – полезный репозиторий с материалами для обучения фронтенду. Тут есть карта развития (roadmap) разработчика, описание инструментов и редакторов кода, ссылки на блоги, каналы и подкасты.

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

✍️ Zeyada – рукописный шрифт с необычным соединением букв, который не похож на стандартный курсив. Назван в честь молодой женщины из Эфиопии. Пример шрифта можно увидеть в сниппете Papers

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

💾 3D Camera Icons – крупные детализированные иконки с реалистичным блеском. Их можно использовать как варианты для светлой и темной тем приложения.

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

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

HEX | RGB
#EFE4C4 | rgb(239,228,196)
#C2EFE8 | rgb(194,239,232)
#B4D5FC | rgb(180,213,252)

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

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

💾 Search With Morphing Button – поле ввода с изменяющейся иконкой. Если убрать фокус, то иконка возвращается к изначальному состоянию.

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

🖥 Virtual Reality Landing Page Concept – футуристичный дизайн для лендинга про виртуальную реальность. Преобладают оттенки голубого, фиолетового и красного.

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

🐙 Front End Web Development Resources – репозиторий с полезными материалами для разработчиков. Здесь есть ссылки на полезные статьи, блоги, Youtube-каналы, фреймворки и библиотеки иконок.

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

💾 Procedural Birb – маленькие птички, параметры для которых генерируются рандомно. Можно создать свою иллюстрацию, задав необходимые черты в окне настроек.

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

🎨 Цветовая палитра макета "MNTN Landing Page"

HEX | RGB
#ABCF9C | rgb(171,207,156)
#719EA6 | rgb(113,158,166)
#142F1F | rgb(20,47,31)

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

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

💾 Neu Times – оригинальные часы с цифрами на подвижных пластинках. Каждому элементу соответствует максимально возможное количество цифр.

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

✍️ EB Garamond – классический шрифт с засечками, вдохновленный шрифтами 1500-х годов. Подходит для небольших надписей. Шрифт можно увидеть в заголовках однотонных карточек в макете Colour Palettes/Moodboards

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