Загрузите одно мастер-изображение и получите полный комплект: 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

Лаборатория Подбора Веб-Шрифтов

Предпросмотр пары Google Fonts (заголовок + текст) с настройкой веса и межстрочного, плюс готовый CSS-сниппет с @import и переменными. Кураторский список из 22 шрифтов и 7 проверенных пресетов.

Design

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

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

Design

Палитра из изображения в design-токены

Извлекает доминирующие цвета из изображения методом k-средних и экспортирует их как CSS-переменные / SCSS / конфиг Tailwind / JSON-токены с именами и шкалой оттенков

Design

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

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

Design

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

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

Design

Генератор Параллакс-Анимации

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

Design

Генератор Стереограмм

Создает 3D стереограммы из текста - создает скрытые 3D изображения, которые проявляются при правильном рассмотрении

Design

Извлекатель Палитры Цветов

Извлеките красивую палитру цветов из любого изображения

Design

Пипетка Цвета Изображения

Выбирайте цвета из изображений, указывая координаты. Получайте значения цвета в форматах HEX, RGB, HSL, HSV и CMYK.