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

💾 Nutanix Loading Screen – минималистичный лоадер для темной темы. Созвездия на фоне двигаются как сами по себе, так и вслед за курсором.

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

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

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

✍️ Righteous – шрифт без засечек с округлыми элементами, который идеально подходит для веб-дизайна: заголовков, карточек и подписей к изображениям. Пример шрифта есть в сниппете "Cards Hover Effect"

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

🎨 Цветовая палитра макета "The Art Of Geometry"

HEX | RGB
#D4EEDB | rgb(212,238,219)
#F88484 | rgb(248,132,132)
#437A50 | rgb(67,122,80)

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

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

💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.

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

🐙 DevFind – платформа для веб-разработчиков в виде поисковика со ссылками на портфолио и Github-профили. Можно искать разработчиков по имени, навыкам и стране проживания.

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

🖥 3D Blobs – набор абстрактных глянцевых 3D-фигур обтекаемой формы. В шаблоне также есть примеры их использования в UI.

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

💾 Interactive Wheel Menu – меню, которое появляется при нажатии на экран. Оно исчезает, если экран перестать удерживать.

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

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

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

💾 Star Rating in Pure CSS – шкала рейтинга в виде сердечек, которые загораются уже при наведении курсора. Выбор сердечка помечается изменением его размера.

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

💾 Night && Day Toggle – переключатель темной и светлой темы. Чтобы переключить тему, можно нажимать не на сам кружок, а на любое место внутри элемента.

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

🖥 Mobile & Web Portfolio UI Design – дизайн сайта-портфолио в оттенках персикового и темно-зеленого цветов. Особо выделяются заголовки, выделенные контрастным шрифтом с засечками.

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

🖥 Beauty Product Web Design – изысканный дизайн лендинга для бренда натуральной косметики. Основа дизайна – глубокие приглушенные тона.

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

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

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

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

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

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

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

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

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

🐙 Venom – библиотека JavaScript для WhatsApp, с помощью которой можно использовать искуственный интеллект для распознавания предложений и создавать боты.

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

🖥 Vegan Club Website – дизайн для сайта веганского клуба. Здесь использованы насыщенные, "овощные" цвета и достаточно крупные изображения.

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

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

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