💾 Hexagon Rotating Gradient Border – лоадер, представляющий собой шестиугольник, по периметру которого вращается неоновый свет. Наверху поток замедляется, а внизу наоборот ускоряется.

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

🖥 Keep Your Plant Alive – дизайн сайта для садоводов, выполненный в темных и средних оттенках травянисто-зеленого цвета. В карточках используется эффект прозрачности.

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

💾 Draggable Price Scale – шкала, которая высчитывает взаимосвязь цены на услугу за месяц и в год. Можно выделить цветом несколько участков шкалы в зависимости от категории цены.

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

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

HEX | RGB
#D2DDBF | rgb(210,221,191)
#8CA475 | rgb(140,164,117)
#213621 | rgb(33,54,33)

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

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

✍️ Baskerville – старинный шрифт с засечками, который часто используют на сайтах для создания эффекта утонченной классики. Пример шрифта есть на официальном сайте Awesomeplete

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

💾 Canva's Magic Mouse Effect – эффект подсветки с анимированными полупрозрачными звездочками. Подойдет для ярких рекламных лендингов.

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

💾 Futuristic Card Effect – карточка со слайд-шоу из фотографий. Для футуристичного эффекта есть фильтр в мелкую полосочку и неоновая подсветка текста.

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

🖥 Travalizer – макет приложения с советами для путешественников. Теплые оттенки зеленого и кремового ассоциируются с природой и отпуском.

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

🎨 Цветовая палитра макета "Keep Your Plant Alive"

HEX | RGB
#ABBE92 | rgb(171,190,146)
#2A6912 | rgb(42,105,18)
#0F2A0C | rgb(15,42,12)

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

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

✍️ Noto Sans – семейство шрифтов без засечек для разных письменностей, которые имеются в системе Юникод. Его особенность - округлые буквы, которые легко читаются на экранах устройств.

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

🖥 Ecommerce App – дизайн мобильного приложения для онлайн-магазина. Он выделяется пудровыми оттенками и текстами на прозрачном фоне.

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

💾 Smooth Liquid Background Effect – эффект фона, созданный с помощью размытия цветных пятен. Элементы движутся, отталкиваясь от краев экрана.

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

🐙 DrawDB – бесплатный, простой и интуитивно понятный инструмент для дизайна баз данных, а также генератор SQL. В приложение также можно импортировать DDL-скрипты и JSON-файлы, чтобы построить на их основе диаграммы.

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

💾 React Range Sliders – графики и шкалы, на которых можно перемещать отметки вручную. Числовые данные при этом меняются автоматически.

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

💾 Lottie Animations in React – анимация, написанная на библиотеке Lottie. Весь код находится в JS-файле, а HTML и CSS не используются.

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

🖥 AI and Machine Learning Landing Page – сайт для приложения, использующего нейросеть. Выполнен в холодных пастельных тонах, которые хорошо сочетаются с темным фоном.

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

✍️ Bricolage Grotesque – изысканный шрифт во французском стиле, который подойдет для крупных заголовков. Пример шрифта есть в сниппете Custom Keyboard Landing Page

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

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

HEX | RGB
#C2BFB7 | rgb(194,191,183)
#E29FA8 | rgb(226,159,168)
#2B5B7D | rgb(43,91,125)

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

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

💾 AI02: Chiclet – дизайн мобильного приложения с туристическими маршрутами. Объемный эффект создается за счет теней у карточек и мягких градиентов.

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

🐙 Nuclei Templates – шаблоны для сканера уязвимостей Nuclei, которые позволяют тестировать веб-приложения. На основе этих шаблонов происходит отправка запросов.

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

🖥 Ice Cream Landing Page – дизайн лендинга для магазина мороженого. Здесь использованы сочные, "ягодные" оттенки красного и фиолетового.

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