Возможности генератора паттернов

Перетаскивание с переносом

Элементы оборачиваются сквозь края плитки — бесшовность сохраняется автоматически.

Transform handles

Тяните за угловые маркеры для изменения размера, за круг выше — для поворота.

Свои фигуры → SVG

Нарисуйте любую форму карандашом — она конвертируется в SVG path и добавляется в паттерн.

Экспорт SVG, PNG, CSS

Скачайте вектор, растр или CSS background-image — готово для продакшена.

Undo / Redo (50 шагов)

Ctrl+Z / Ctrl+Y — полная история изменений. Экспериментируйте без страха.

Поделиться по ссылке

Весь паттерн кодируется в URL — откроется на любом устройстве без регистрации.

Часто задаваемые вопросы

Что такое SVG паттерн и для чего он нужен?

SVG паттерн — повторяющееся векторное изображение, создающее бесшовный фон. Используется в веб-дизайне, упаковке, текстиле, брендинге. Масштабируется до любого размера без потери качества.

Как создать бесшовный паттерн?

Выберите фигуры в палитре, добавьте на холст и расставьте по вкусу. Элементы, выходящие за края плитки, автоматически появляются с обратной стороны — это обеспечивает бесшовность.

В каких форматах выгрузить паттерн?

SVG — векторный файл, бесконечно масштабируется. PNG — растровый 4×4 тайла с прозрачным фоном. CSS — background-image data URI для прямого использования в стилях. Tailwind — конфиг для tailwind.config.js.