💾 Spooky Scrolling – слайдер с анимированными элементами. При прокрутке слой с кустами накладывается на слой с небом.

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

✍️ Titillium Web – шрифт без засечек, разработанный в рамках студенческого проекта Академии изящных искусств г. Урбино (Италия). Пример шрифта можно увидеть в сниппете "Atom Button"

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

💾 Isometric Card Grid – набор разноцветных визиток с похожим дизайном. Этот макет также подойдет для презентации собственного дизайна карточек.

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

🖥 Kids Toys & Games Store Website – дизайн сайта магазина для детей. Акцент сделан на теплые, приглушенные цвета и крупные иллюстрации.

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

💾 Neon Toggle Switch – реалистичная трехмерная кнопка-переключатель. В активном состоянии плавно окрашивается в неоновый цвет.

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

🎨 Цветовая палитра макета "AI Photo Generator":

HEX | RGB
#F8CEFA | rgb(248,206,250)
#BF76F7 | rgb(191,118,247)
#3A1979 | rgb(58,25,121)

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

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

✍️ Merienda – шрифт с закругленными формами, который подходит для заголовков и коротких текстов. Пример можно посмотреть в макете "Online Food Ordering Website"

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

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

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

🐙 Clean Code JavaScript – теория по написанию чистого кода, который легко читать и можно использовать повторно. Есть переводы на разные языки, в том числе и на русский.

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

💾 45 CSS Only Buttons – набор кнопок, написанных на CSS. У каждой их них есть свой уникальный анимированный hover-эффект.

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

🖥 Modern E-Commerce UI Kit – дизайн лендинга для магазина косметики. Его основа - это мягкие градиенты, а также сочетание кремового, желтого и персикового цветов.

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

💾 Interactive UI Cards – галерея карточек с заголовками и тегами. Каждая карточка напоминает раздел сайта и может содержать ссылки.

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

✍️ Gordita – шрифт без засечек, который лучше всего подходит для обложек книг, заголовков сайтов, открыток и логотипов. Пример шрифта можно посмотреть на официальном сайте плеера Plyr

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

💾 Hexagon CSS Pricing Tables – карточки с ценами, где каждый ряд имеет похожий набор анимаций. При наведении курсора показывается дополнительная информация.

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

🐙 Cronicle – планировщик задач, который отслеживает статистику, автоматизирует обработку данных и рассылает оповещения. Проект написан на Node.js.

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

💾 Skeuomorphic Toggle Switch – реалистичные 3D-переключатели, которые написаны на HTML и CSS без использования JavaScript.

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

🖥 Meditation App UI Kit – дизайн приложения для медитации в оттенках малахитового и серого. Здесь есть много инфографики и изображений с высоким качеством.

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

💾 Perspective – реалистичные часы с секундной стрелкой. Числа на циферблате написаны словами, создавая эффект углубления в центре.

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

🐙 React Complete Guide Course Resources – полезные материалы для изучения React, такие как фрагменты кода, слайды и шпаргалки по основным темам.

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

✍️ Dancing Script – декоративный рукописный шрифт, вдохновленный типографикой 1950х гг. Его пример можно увидеть в заголовке макета "DeepBreathe"

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