Мгновенный CSS-редактор для PrestaShop, WordPress, Shopify...
и все другие CMS, сайты и приложения
Как художник: настройте, сохраните и продолжайте.
Не нужно ничего переносить или перезагружать страницу.
Попробуйте на своём сайте: 1 час бесплатной пробной версии, без кредитной карты
Как это работает: три шага
Ни шага сборки, ни конвейера развёртывания, ни компиляции CSS. Редактор работает со страницей такой, какой её видят ваши посетители.
Установить
Добавьте модуль, плагин или приложение для вашей платформы — или один bootstrap-сниппет на любом сайте. Помощник по установке проверит вашу среду за вас.
Кликните и настройте
Кликните по любому элементу вашей страницы: его правила откроются с подходящим инструментом выбора для каждого значения. Предпросмотр идёт в реальном времени с задержкой (debounce), пока ничего не записывается.
Сохранить по-настоящему
Нажмите «Сохранить»: CSS-файл на вашем сервере обновляется атомарно, со снимками .orig и .bak. Ваши посетители видят сайт именно таким, каким вы его сделали, - редактор никогда не загружается для них.
Хватит редактировать CSS вслепую!
Настоящий визуальный редактор: для каждого значения — подходящий инструмент. Каждая плитка ниже стилизована файлом, который вы можете отредактировать прямо сейчас.
CSS-свойства, актуальные (2026)
Встроенная схема заново генерируется из данных MDN и webref: формальный синтаксис, совместимость с браузерами, справка по каждому свойству и ссылки на документацию. Неизвестное свойство? Оно всё равно получает поле.
В ВАШЕМ стеке
- PrestaShop - готовый модуль, записывает CSS-файл темы с резервными копиями
- WordPress - нативный плагин, записывает CSS активной темы с резервными копиями
- Shopify - нативное приложение, установка через OAuth, CSS в метаполях магазина
- Любой сайт - автономный ZIP-архив
Без риска
Живой предпросмотр работает с задержкой (debounce), отмена/повтор возвращает на 100 шагов назад для каждого файла, и ничего не записывается, пока вы не нажмёте «Сохранить». На стороне сервера снимки .orig и .bak сохраняют путь назад.
Для каждого значения — подходящий инструмент
Палитра цветов, градиенты с маркерами прямо на элементе, выбор шрифтов, кривые плавности, фигуры clip-path, редактор таймлайна @keyframes, 3D-перспектива, перетаскиваемая мышью. Даже всплывающий режим для второго экрана.
Выбор цели указанием и кликом
Кликните по любому элементу страницы: соответствующие правила будут отфильтрованы за вас. Больше никаких догадок с селекторами.
Визуально <-> Исходный код
Переключите любой файл в режим исходного кода CodeMirror с автосохранением, а затем вернитесь к визуальному режиму одним шагом отмены.
Несколько файлов, множественность во всём
Стопки таблиц стилей со статусом изменений и историей для каждого файла, внутренний буфер обмена, drag & drop, множественный выбор и инвентаризация ваших переменных, шрифтов и цветов.
Ноль зависимостей
Vanilla JS, без фреймворков, без jQuery, без шага сборки. Один ZIP-архив, один bootstrap-сниппет, и мастер установки проверит вашу среду за вас.
Двухколоночный режим, в порядке DOM
Файлы всегда перечислены в порядке DOM - в том порядке, в котором их применяет каскад. Переключитесь на два столбца и перетаскивайте правила или свойства из одного файла в другой, чтобы реорганизовать CSS, а не удалять его.
Ваша работа остаётся вашей
Разовый платёж, без принудительной подписки. Экспортируйте свой CSS в любой момент (копирование или скачивание .css, даже в режиме только для чтения). После пробного периода ваши сохранённые стили навсегда остаются применёнными - мы никогда не берём ваш сайт в заложники.
Под капотом: что именно происходит на вашем сервере
Никакого чёрного ящика. Вот полный список того, что записывает CSS_EDITOR, - и того, чего он никогда не делает.
Что записывается
- CSS-файл, который вы редактируете, заменяется атомарно (временный файл, затем переименование - никогда не полунаписанный файл)
- Снимок .orig при первом сохранении, снимок .bak при каждом сохранении: путь назад всегда в одном клике
- На Shopify: ваш CSS в метаполях магазина, рендеринг на сервере — ни одного изменённого файла темы
Чего никогда не происходит
- Редактор никогда не загружается для ваших посетителей - они видят сайт именно таким, каким вы его сделали
- Ваши сохранённые стили никогда не удаляются, даже после окончания пробного периода или истечения лицензии
- Никаких внешних зависимостей от CDN во время работы на вашем сайте: код, который вы устанавливаете, - это код, который выполняется
Не верьте нам на слово.
Попробуйте и убедитесь сами.
Скриншот напротив — не макет: это этот редактор, закреплённый внизу этой страницы, который редактирует стили этой страницы. Откройте его и протестируйте прямо здесь... или скачайте, чтобы бесплатно опробовать на собственном сайте — локальном или онлайн — и сохраняйте CSS-файлы прямо на ваш сервер одним кликом. Перезагружать страницу не нужно; просто продолжайте редактировать CSS.
ИИ внутри - ваш собственный ИИ, без платного API
CSS_EDITOR не сдаёт вам ИИ в аренду. Он готовит идеальные промпты для ИИ, которым вы уже пользуетесь, и безопасно применяет его ответы.
Режим промптов
Выберите один или несколько элементов на вашей странице: CSS_EDITOR формирует готовый к вставке промпт (ваш запрос, фрагменты DOM, вычисленные стили, существующие правила). Вставьте ответ вашего ИИ обратно: CSS применяется с предпросмотром и отменой, а отчёт перечисляет все изменения DOM/JS, которые осталось сделать вручную.
Анализатор мёртвого CSS
Анализатор сверяет каждый селектор ваших таблиц стилей с живым DOM: используется (зелёный), вероятно динамический (оранжевый), не используется (красный). Перекрёстная проверка через ИИ помечает рискованные перед очисткой. Затем перемещайте или удаляйте перетаскиванием - резервные копии создаются заранее.
Разовый платёж. Ваш навсегда.
Попробуйте всё бесплатно в течение 1 часа на своём собственном сайте. После этого редактирование вежливо блокируется — ваши сохранённые стили навсегда остаются применёнными, мы никогда не берём ваш сайт в заложники. Активируйте ключ один раз: он автоматически привязывается к вашему домену, ничего не нужно переносить.
Предложение на запуск: -25% по промокоду LAUNCH25
Для личного сайта или одного проекта.
- 2 сайта (локальных или онлайн)
- Полный редактор, все инструменты выбора
- Серверное сохранение + резервные копии
- Поддержка по электронной почте
Купить
промокод : LAUNCH25Для нескольких сайтов или поддоменов
- До 10 сайтов
- Полный редактор, все инструменты выбора
- Серверное сохранение + резервные копии
- Приоритетная поддержка
Купить
промокод : LAUNCH25Для агентств и интеграторов с несколькими клиентами.
- До 50 сайтов
- Полный редактор, все инструменты выбора
- Серверное сохранение + резервные копии
- Выделенная поддержка
Купить
промокод : LAUNCH25Покупая CSS_editor, вы принимаете условия использования.
Безопасная оплата через Polar.sh - ваш лицензионный ключ мгновенно отправляется вам по электронной почте после покупки. Обновления включены на 12 месяцев.
Предложение на запуск: указанные цены уже включают скидку -25% (код LAUNCH25) от обычных цен 24 $, 96 $ и 288 $. При оплате могут добавляться налоги в зависимости от вашей страны - обрабатывается Polar.sh.
Сравнение CSS_EDITOR
Факты, а не прилагательные. Проверено по официальным страницам каждого инструмента, ноябрь 2026 (источники указаны под каждым названием).
| CSS_EDITOR | CSS Hero csshero.org/buy-now |
Microthemer themeover.com/pricing |
|
|---|---|---|---|
| Платформы | PrestaShop, WordPress, Shopify, любой сайт или веб-приложение | Только WordPress | Только WordPress |
| Модель ценообразования | Разовый платёж, от 18 $ до 288 $ (цены запуска) | Годовая подписка (от 29 $ до 199 $/год в зависимости от числа сайтов) или 599 $ пожизненно | Годовая или месячная подписка, или пожизненные лицензии (от 125 $ до 499 $) |
| Режим ИИ-промптов | Да - с вашим собственным ИИ, без платного API | Нет | Да - встроенный ИИ-ассистент (только CSS) |
| Анализатор мёртвого CSS | Да, с перекрёстной проверкой через ИИ | Нет | Нет |
| Серверное сохранение с резервными копиями | Атомарная запись, снимки .orig + .bak | Правки хранятся в базе данных, посетителям отдаётся один статический CSS-файл | Собственное хранилище; плагин Microloader может продолжать отдавать стили после удаления |
| Ваши стили, если вы перестанете платить | Остаются применёнными навсегда, экспортируются в любой момент | Продолжают работать; продление нужно только для обновлений, поддержки и новых сайтов | Пожизненные лицензии сохраняют всё, обновления включены |
Честные вопросы, честные ответы
Может ли CSS_EDITOR сломать мой сайт?
Редактирование — только предпросмотр, пока вы не нажмёте «Сохранить»; отмена возвращает на 100 шагов назад для каждого файла, а каждое сохранение создаёт снимки .orig и .bak на вашем сервере. Если что-то пойдёт не так, восстановление предыдущего файла — один клик. Редактор никогда не загружается для ваших посетителей - они видят сайт именно таким, каким вы его сделали.
Замедляет ли это мой сайт?
Нет. Редактор - это инструмент, который вы открываете как администратор сайта. Ваши посетители видят сайт именно таким, каким вы его сделали: отдаваемый CSS - тот же файл, что уже отдавала ваша тема, и никакой JavaScript для них не добавляется.
Что происходит, когда заканчивается бесплатная пробная версия?
Через 1 час редактирование вежливо блокируется. Всё, что вы сохранили, навсегда остаётся применённым на вашем сайте - мы никогда не удаляем ваши стили. Введите лицензионный ключ в любой момент, чтобы снова разблокировать редактирование ровно с того места, где вы остановились.
Изменяет ли приложение Shopify файлы моей темы?
Нет. Приложение Shopify устанавливается через OAuth и хранит ваш CSS в метаполях магазина, рендеринг выполняется на стороне сервера. Ни один файл темы не изменяется, а удаление проходит чисто.
Я привязан к сервису? Могу ли я экспортировать свой CSS?
Никакой привязки. CSS_EDITOR - разовая покупка, а функция экспорта (копирование в буфер обмена или скачивание .css) доступна всегда, даже в режиме только для чтения. Ваш CSS - это обычный CSS в обычных файлах.
Какие версии PrestaShop и WordPress поддерживаются?
Модуль PrestaShop поддерживает версии с 1.7 до 8.x и записывает CSS-файл темы с резервными копиями. Плагин WordPress записывает CSS активной темы с резервными копиями. Оба собираются для вас на месте с этого сайта.
Нужно ли платить за ИИ-API, чтобы пользоваться функциями ИИ?
Нет. Режим промптов формирует полный промпт, который вы вставляете в ИИ, которым уже пользуетесь (ChatGPT, Claude, Kimi, локальная модель...), и применяет ответ с предпросмотром и отменой. Анализатор мёртвого CSS работает так же для своей необязательной перекрёстной проверки через ИИ. Платный API-ключ нигде не требуется.
Что включает лицензия?
Постоянная лицензия на количество сайтов вашего тарифа (2, 10 или 50), полный редактор со всеми пикерами, режим ИИ-промптов, анализатор мёртвого CSS, сохранение на сервере с резервными копиями и все обновления в течение 12 месяцев. Ключ автоматически привязывается к вашим доменам при первом использовании.
Предоставляете ли вы возврат средств?
Нет - и вот почему: перед покупкой вы можете бесплатно протестировать всё в течение 1 часа на своём собственном сайте. Пробная версия и есть гарантия. Все продажи окончательны (см. условия продажи).
Что, если я сменю доменное имя?
Лицензионные ключи автоматически привязываются к вашим доменам при первом использовании и не освобождаются автоматически. В зависимости от вашей ситуации обратитесь в службу поддержки, которая, возможно, сможет переназначить вашу лицензию.
Можно ли встроить CSS_EDITOR в моё собственное приложение?
Да - ядро написано на vanilla JS с задокументированным контрактом адаптера, создано для встраивания.
Кроме того, каждая утилита (трансформация, перспектива, градиент и т. д.) может использоваться независимо на вашем сайте.
По любым другим вопросам, пожалуйста, свяжитесь с нами.
Доказательства, а не обещания
Реальные скриншоты этого сайта. Одна разметка, три темы — меню «Тема» в навигации перестраивает стиль этой страницы в реальном времени. Протестируйте в предпочитаемой теме.
Уже работаете над следующим дизайном?
Экономьте время:
Выберите вашу платформу. Часовая пробная версия, без кредитной карты, прямо на вашем собственном сайте.
Нативный модуль (с 1.7 до 8.x), собранный на месте с вашим лицензионным ключом внутри.
Собрать и скачать модульНативный плагин, собранный на месте с вашим лицензионным ключом внутри.
Собрать и скачать плагинНативное приложение Shopify - установка через OAuth, CSS в метаполях магазина, ни одного изменённого файла темы.
Установить в ваш магазинPrestaShop и WordPress: сборка выдаёт лицензионный ключ, который следует заменить ключом, предоставленным после покупки.
Скачивая CSS_editor, вы принимаете условия использования.