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

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

💾 Particles Cursor – эффект для фона в виде распадающихся в пространстве частиц. Каждая из них летит в своем направлении и уменьшается в размере.

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

🐙 Frontend Stuff – большой список библиотек, фреймворков и инструментов. Почти все материалы предназначены для работы с JavaScript и CSS.

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

💾 Toilet Paper Toggle – переключатель для текстов или изображений. Этот эффект можно использовать для выбора ответа.

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

🖥 Alien Staff Assets – более 20 PNG-элементов в футуристичном стиле. Шаблоны, изображения и иконки подойдут для веб-приложений развлекательного формата, а также для афиш и баннеров.

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

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

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

🎨 Цветовая палитра макета "Online Bike Shopping App"

HEX | RGB
#65D2FE | rgb(101,210,254)
#3860C2 | rgb(56,96,194)
#353F54 | rgb(53,63,84)

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

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

💾 Preloader – анимация загрузки из элементов, каждый из которых движется по окружности. Изогнутые линии не соприкасаются друг с другом.

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

🖥 Shopping Website – дизайн сайта для магазина одежды. Основные особенности – приглушенный желтый цвет и жирный шрифт в заголовках. Каждая карточка имеет однотонный фон с тенями.

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

💾 Social Share Button – меню из кнопок соцсетей, которое появляется при наведении курсора. Карточки разворачиваются плавно и поэтому реалистично смотрятся.

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

💾 Credit Card Pure CSS – двусторонняя карточка с поворотом, написанная без использования JavaScript. Ее можно использовать на странице оплаты услуг, чтобы показать введенные данные пользователя.

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

🐙 Element Plus – библиотека UI-компонентов с минималистичным и удобным дизайном. Библиотека имеет большой выбор компонентов, каждый из которых имеет разные вариации.

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

✍️ Syne – геометрический шрифт, созданный в 2017 парижским арт-центром Synesthésie. Создатели экспериментировали с контрастностью и жирностью шрифта, чтобы вписать его в творческие проекты. Пример есть в дизайне Mid Mod

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

🎨 Цветовая палитра макета "Charts Components"

HEX | RGB
#FDA5C9 | rgb(253,165,201)
#7987FF | rgb(121,135,255)
#A155B9 | rgb(161,85,185)

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

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

💾 Curved Nav – элемент, который можно использовать как основу для меню или галереи изображений. Контраст создается за счет сложного градиентного фона.

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

💾 Zoom Grid On Scroll – анимация прокрутки для сайта. Наклон линий на сетке с картинками меняется, а изображение становится цветным при наведении курсора.

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

💾 CSS Image Stack Cycle – фотогалерея в виде стопки карточек, которые перелистываются только с помощью стрелок. Над названием есть счетчик элементов.

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

🖥 Hoteliq – дизайн приложения для бронирования отелей. основной цвет – синий, который смотрится контрастно на фоне светлых скругленных элементов.

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

💾 Stacked Avatars – коллаж из картинок, каждая из которых может смещаться в центр. Каждое фото имеет тонкую рамку и обрезается с одной из сторон.

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

🐙 Localtunnel – инструмент, который делает локальный сервер доступным из Интернета. Он назначает пользователю уникальный общедоступный URL-адрес, который передает все запросы на локальный адрес.

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

✍️ Genos – современный шрифт в футуристическом стиле с широкими скругленными буквами. Он подходит для заголовков среднего размера. Пример можно посмотреть в сниппете Zoom Grid On Scroll

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