🐙 Element – библиотека компонентов для разработчиков, дизайнеров и продакт-менеджеров, которая основана на Vue 2.0. Содержит все необходимые элементы для создания лаконичного веб-интерфейса.

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

💾 Glassmorphism Buttons – кнопки, которые имитируют полупрозрачное стекло и подсвечиваются мягким неоновым светом в активном состоянии.

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

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

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

🐙 Quasar – фреймворк для создания кроссплатформенных веб-приложений. Содержит более чем 70 высокопроизводительных настраиваемых веб-компонентов Material Design.

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

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

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

🖥 Sharing Bills App UI Design – дизайн приложения для отслеживания платежей за недвижимость. Все оттенки здесь светлые и теплые, есть много 3D-иллюстраций.

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

🖥 The Art Of Geometry – набор 3D-фигур для дизайна. Тут есть матовые и глянцевые объекты, имитация стеклянных фигур и сложные геометрические формы.

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

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

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

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

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

💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.

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

💾 Claymorphic SVG Button – кнопка в трендовом стиле клейморфизм. Ее можно использовать в модальных окнах, в составе меню или отдельно.

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

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

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

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

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

💾 Photo Tear – эффект, который позволяет "разрывать" картинку пополам. Работает только в направлении сверху вниз.

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

💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.

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