🖥 Smoothie Bowl Transition Prototype – прототип для анимации с вращающимися тарелками. Во вкладке "design" есть разные варианты цветового оформления страницы.

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

💾 Kippo Hover Card Effect – подвижная галерея из изображений. При наведении курсора каждый раз наверху оказывается новая фотография.

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

💾 Weather App Concept – анимация для мобильного приложения, написанная на чистом CSS. Лучше всего работает в Chrome.

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

🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

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

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

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

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

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

✍️ REM – шрифт без засечек, который подходит для экранов устройств и брендинга продуктов. Пример можно посмотреть в сниппете "45 CSS Only Buttons"

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

💾 Navigation – шкала этапов, которая показывает карточку с информацией при наведении на элемент. В карточке есть ссылка на полную страницу с этапом выполнения чего-либо.

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

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

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

✍️ Plus Jakarta Sans – геометрический шрифт без засечек, вдохновленный гарнитурами Neuzeit Grotesk, Futura и гротесками без засечек 1930х гг. Пример можно увидеть в дизайне "Meditation App"

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

💾 Custom Dot Cursor – курсор в виде полупрозрачного круга. Его удобно использовать с галереей изображений, чтобы указатель не сливался с фоном, а был контрастным.

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

💾 Custom Dot Cursor – курсор в виде полупрозрачного круга. Его удобно использовать с галереей изображений, чтобы указатель не сливался с фоном, а был контрастным.

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

🖥 AI and Machine Learning Landing Page – сайт для приложения, использующего нейросеть. Выполнен в холодных пастельных тонах, которые хорошо сочетаются с темным фоном.

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

🐙 Yuka – библиотека JavaScript, которая дает возможность разрабатывать игры. Она предоставляет классы для управления состояниями и действиями игроков.

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

💾 Check Micro Animation – чекбокс с анимацией при нажатии. Элемент имеет градиентную заливку, которая заполняет всю его площадь в активном состоянии.

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

🖥 AI and Machine Learning Landing Page – сайт для приложения, использующего нейросеть. Выполнен в холодных пастельных тонах, которые хорошо сочетаются с темным фоном.

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

✍️ Plus Jakarta Sans – геометрический шрифт без засечек, вдохновленный гарнитурами Neuzeit Grotesk, Futura и гротесками без засечек 1930х гг. Пример можно увидеть в дизайне "Meditation App"

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

💾 Portfolio Page – сайт-портфолио с анимированными элементами и ссылками на примеры работ. При наведении курсора на круглую картинку она становится цветной.

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

✍️ Varela Round – шрифт со скругленными элементами букв, который подходит для экранных текстов и мелких заголовков. Пример использования можно посмотреть в сниппете Clean Toast Notification

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