Сайтодел | GitHub, Верстка, Сайты, Вайбкодинг

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

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

🐙 React PDF – библиотека для создания PDF-файлов с помощью React. У нее есть API для стилизации элементов документа с использованием свойств CSS, в частности Flexbox.

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

🖥 Project Management Dashboard – дизайн для доски управления проектами в карамельно-кремовых тонах. В инфографике использованы три основных цвета: зеленый, желтый и красный.

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

💾 Product Сard – анимированная карточка с выплывающим меню и подсветкой кнопки "корзина". В активном состоянии карточка визуально приближается к пользователю.

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

🎨 Цветовая палитра макета "Food Catering Service App":

HEX | RGB
#E1F9D9 | rgb(225,249,217)
#9AD883 | rgb(154,216,131)
#FDC66A | rgb(253,198,106)

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

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

💾 Elastic Accordion GSAP – галерея для изображений с растяжимым выбранным элементом. Чтобы просмотреть фото, на него необходимо нажать.

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

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

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

🐙 Pile – приложение для заметок и ведения личного дневника. Есть интеграция с искусственным интеллектом: можно искать и задавать вопросы по написанной заметке.

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

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

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

💾 Folding Travel Carousel – галерея для изображений в виде сложенного листа бумаги. Выбранное фото раскрывается при наведении курсора.

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

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

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

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

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

🎨 Цветовая палитра макета "Mobile & Web Portfolio UI Design":

HEX | RGB
#FFCEBF | rgb(255,206,191)
#FF9676 | rgb(255,150,118)
#00341E | rgb(0,52,30)

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

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

💾 Lotus – элемент, который реагирует на движение курсора: меняет форму, цвет и насыщенность лепестков.

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

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

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

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

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

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

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

💾 Procedural Japanese Style Tree – генератор сакуры. При нажатии на кнопку появляется дерево новой формы.

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

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

💾 CSS Loading Spinners – набор анимированных одноцветных спиннеров для отображения загрузки. Они написаны на CSS без использования JavaScript.

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