Как пользоваться

Четыре шага: вставить, запустить, проверить, скопировать. Всё в браузере.

Вставьте данные

Добавьте CSS, HTML, JSON или другой текст. Ничего не загружается на сервер.

Запустите инструмент

Нажмите «Конвертировать» или «Запустить». Результат появится сразу.

Проверьте результат

Просмотрите код и заметки перед использованием.

Скопируйте и вставьте

Скопируйте вывод и вставьте его в проект.

Об этом инструменте

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

Пример

В примере намеренно плотно записанная навигация.

Ввод

nav{display:flex;gap:1rem}nav a{color:#0f172a;text-decoration:none}nav a:hover{color:#0284c7}

Вывод

nav {
  display: flex;
  gap: 1rem;
}

Совет

Если в CI спорят два форматировщика, выберите один, а этот инструмент оставьте для ручной правки.