Генерирует «градиентную сетку», популярную на Dribbble/Behance с 2024-го: несколько радиальных градиентов (цветовое пятно → растворение в прозрачный того же тона) поверх базового цвета (опционально — конический слой), с режимами наложения, SVG-зерном, сидированными раскладками (углы / кольцо / разброс / сетка), живым превью, копируемым CSS и Tailwind-классом. Пятна гаснут через 8-значный hex #RRGGBB00 — без серого кольца ключевого слова transparent.

Design

Компоновщик сетки шаблонов для соцсетей

Загрузите одно мастер-изображение и получите полный комплект: Instagram (1:1 / 4:5 / 3:4 для сетки / Story / Reel), X (хедер 1500×500 / лента), LinkedIn (личный баннер / обложка компании / картинка поста), YouTube (превью / баннер канала) и ссылку Facebook. Каждый кроп показывается с проверенной 2025-2026 маской безопасной зоны (поля Story, круг аватара X, зона аватара LinkedIn, плашка длительности YouTube) и всё уезжает в ZIP.

Design

Генератор CSS-сниппетов: глассморфизм / неоморфизм

Сквозной генератор полного CSS-сниппета глассморфизма или неоморфизма: настройте размытие, насыщенность, непрозрачность оттенка, радиус, рамку, внешнюю тень и верхний блик; опционально — зернистая SVG feTurbulence-текстура и @supports-фолбэк; автоматически добавляется префикс -webkit-backdrop-filter (обязателен до Safari 18) и маппинг на классы Tailwind (с заметкой о различиях v3/v4), плюс живой предпросмотр карточки на градиентном фоне.

Design

Предпросмотр безопасной зоны для соцсетей

Загрузите изображение и посмотрите, как оно появится в Instagram Feed/Story/Reels, TikTok, YouTube, X и LinkedIn — с наложением безопасных зон, точно показывающим, какие пиксели будут обрезаны или закрыты UI перед публикацией.

Design

Шпаргалка по Размерам Изображений для Соцсетей

Справочник 2026 размеров изображений для Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Pinterest и WeChat с фильтром по платформам.

Design

Песочница произвольных значений Tailwind

Вставьте классы Tailwind с произвольными значениями (w-[137px], text-[#bada55], grid-cols-[1fr_2fr], [mask-type:luminance]) и изучите сгенерированный CSS с живым визуальным предпросмотром, распознаванием подсказок типа данных и пояснением каждого преобразования. Полезно для отладки calc(), CSS-переменных и разовых значений вне шкалы токенов.

Design

Генератор CSS-фильтра по Целевому Цвету

Подбирает цепочку CSS-фильтров, которая максимально близко воспроизводит целевой hex-цвет из монохромной основы

Design

Визуализатор CSS easing и анимации

Визуализирует CSS-кривую cubic-bezier, показывает предпросмотр на позиции/прозрачности/масштабе, выбор пресетов и экспорт CSS

Design

Калькулятор clamp для fluid typography CSS

Введите границы viewport и шрифта, чтобы получить clamp(), готовый CSS и данные превью

Design

Генератор Красно-Цианового Анаглифа 3D

Создает красно-циановые анаглифы 3D из обычных фотографий. Создает стереоскопические 3D изображения, видимые через красно-циановые 3D очки.

Design

Генератор Карты Глубины

Создает карты глубины из изображений, используя анализ яркости, насыщенности и краев. Создает карты глубины в градациях серого, где более светлые пиксели указывают на близкие объекты, а более темные - на дальние.