✍️ Avenir LT 85 Heavy – геометрический шрифт без засечек. Подойдет для заголовков разделов приложений или для инфографики. Пример можно посмотреть на сайте "Gallery CSS"

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

🖥 Review & Rewards Leaderboard – лендинг для студенческой программы. Его особенность - нежные холодные оттенки и размытые градиенты.

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

💾 Rotate – переключатель вкладок, элементы которого двигаются относительно друг друга. Движение направо происходит по часовой стрелке, а обратно - против часовой стрелки.

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

🐙 HTMX – библиотека, которая дает возможность работать с AJAX, CSS-переходами, веб-сокетами и событиями, посылаемыми сервером прямо через разметку HTML.

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

💾 AI Slider – градиентная шкала для выбора значения. Подсвечивает синим указанное число, переходя в более светлые оттенки на соседних числах.

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

🖥 Mobile App For Furniture – минималистичный дизайн мобильного приложения для магазина мебели. Здесь выбран один основной цвет (сине-серый), который дополняется серым и другими цветами с картинок.

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

💾 CSS Single Element Goey Spinner – лоадер из "жидких" капель, которые перетекают друг в друга по направлению движения. Лучше всего будет выглядеть на белом фоне.

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

🎨 Цветовая палитра макета "Review & Rewards Leaderboard":

HEX | RGB
#FCC0DA | rgb(252,192,218)
#09CAD1 | rgb(9,202,209)
#6118CC | rgb(97,24,204)

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

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

✍️ Roslindale – шрифт с засечками, вдохновленный гарнитурой De Vinne из 1890х, а также изяществом шрифтов 1970х гг. Он выглядит стильно и напоминает о старинной типографии. Пример шрифта можно увидеть в заголовках макета "Seafood Restaurant Landing Page"

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

💾 Tile Hover Multi-Button – варианты выпадающего меню для карточек. Можно менять цвет фона, иконок и количество элементов в левом верхнем углу.

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

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

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

💾 Moon/Sun Clip – переключатель светлой и темной темы. Он меняет не только цвет фона, но и само изображение небесного тела. Переход при этом плавный и комфортный для глаз.

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

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

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

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

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

🖥 Food Delivery Mobile App – дизайн мобильного приложения доставки еды. Выполнен в аппетитных теплых оттенках оранжевого и кремового.

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

💾 For The Love Of Coffee – анимированное меню, в котором можно выбрать тип кофе. На картинке отображаются ингредиенты выбранного напитка.

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

✍️ Space Mono – моноширный шрифт, разработанный для Google Design на основе шрифтов из 1960х. Cодержит цифры старого образца, а также дроби и символы, напоминающие о той эпохе. Пример шрифта можно посмотреть здесь: "Glowing Blob Effect"

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

💾 Expand-o-panel – набор элементов, которые меняют ширину и цвет при наведении на них курсора. Подойдет для карточек или для меню товаров на сайте.

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

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

HEX | RGB
#CFCFCF | rgb(207,207,207)
#A88661 | rgb(168,134,97)
#7993AD | rgb(121,147,173)

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

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

💾 Profile Card Hover Effect – карточки с эффектом приближения. В активном режиме внутри элемента появляются подписи и иконки.

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

🖥 Modeva – дизайн сайта для магазина одежды, выполненный в карамельных и бежевых оттенках. Крупные заголовки создают контраст с мелким шрифтом под фотографиями.

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