💾 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

💾 SVG Filter Text Marquees – многослойное изображение с анимированным текстом. Анимацию можно остановить, нажав на кнопку.

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

🎨 Цветовая палитра макета "AI and Machine Learning Landing Page"

HEX | RGB
#96DDEE | rgb(150,221,238)
#FD82F4 | rgb(253,130,244)
#9640E2 | rgb(150,64,226)

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

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

💾 Generative Blobs – маски неправильной формы для изображений. Тут можно менять количество углов и степень заостренности, а также генерировать рандомные варианты.

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

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

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

💾 ScrollTrigger Image Zoom – анимация скролла страницы. Прокрутка создает необычный эффект зума в середину страницы, а потом переходит в перелистывание слайдов.

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

🐙 Phoenix-MD – бот для WhatsApp с расширенной функциональностью. Он позволяет находить аудио и изображения, управлять чатами и многое другое.

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

💾 Price Range Slider – слайдер для цен с градиентом, который адаптируется под выбранную длину. При движении ярлык с ценой покачивается как реальный предмет.

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

🎨 Цветовая палитра макета "Ice Cream Landing Page"

HEX | RGB
#F094DF | rgb(240,148,223)
#A10520 | rgb(161,5,32)
#400404 | rgb(64,4,4)

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

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

💾 Skillet Switch – необычный анимированный переключатель в виде сковородки с яичницей, который двигается по оси в сторону наблюдателя.

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

🖥 Grass – макет для сайта про ИИ. Основной цвет – салатовый, смешанный с бирюзовым. В макете есть небольшие модальные окна и интересная инфографика.

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

✍️ Thunder – узкий шрифт, который подходит для крупных заголовков и используется для создания контраста. Пример можно увидеть в макете Abstract 3D Coral Shapes

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