Made on
Tilda
Clonium — расширение для редактора Tilda, которое превращает безликие rec-блоки в управляемую систему. Имена, статусы, метки, история, поиск по коду, превью, инспектор. Всё в одном месте, в один клик.
Пять вещей, за которые Clonium любят с первого дня: панель со списком, инспектор по коду, iPhone-превью, история правок и библиотека блоков.
Клик на «атом» в углу — открывается панель со списком всех блоков страницы. Имя, тип, статус, размер кода. Наводишь — видишь превью. Кликаешь — скроллит к блоку.
Помнишь, где ты зашивал этот домен? А этот класс? Инспектор ищет по коду всех T123-блоков страницы — за секунды. И умеет заменять сразу везде, с превью до и после.
Один клик — и ты видишь страницу в натуральном iPhone-мокапе с Dynamic Island, статус-баром и home indicator. Как это выглядит в реальном Safari.
Правил код, что-то сломал, потерял предыдущую версию? Не с Clonium. Каждый раз, когда ты сохраняешь T123-блок, старый код автоматически уезжает в историю. Со временем, размером, числом строк.
Отдельный view для HEAD-кода проекта. Читает, показывает размер и число строк, даёт отредактировать и сохранить. Ведёт историю как у T123-блоков — можно откатить.
Нашёл идеальный код для галереи? Сохрани в библиотеку — с тегами, именем, автопревью. Открой другой проект — вставь в блок, Clonium сам развернёт блок и запишет код.
Каждый элемент интерфейса Clonium спроектирован так, чтобы ты не отвлекался от работы. Ничего лишнего, всё на месте, всё под рукой.
Не нужно прыгать в тулбар Тильды, чтобы что-то сделать с блоком. Все действия — прямо на карточке: настройки, контент, дублировать, скрыть, удалить. По ховеру.
Не «сохранить как», а полноценный снэпшот: все T123-блоки, HEAD, метаданные — в одном архиве. И умеет не только сохранять, но и восстанавливать. Из ZIP-архива обратно в редактор.
Каждая — про то, чтобы ты не терял время на рутину.
Обе темы — отдельные, проработанные. Переключаются одним кликом. Тёмная — для ночной работы.
Пишешь в первой строке блока <!-- Имя --> — Clonium подтянет имя в панель.
Отметь золотой звездой — «важное». Потом можно фильтровать в инспекторе или сортировке.
В работе · Продакшен · На проверке · Заморожен · Идея. Точка в цвете — видно с одного взгляда.
Пиши заметки прямо в карточке. «Тут подождать с редизайном», «клиент просил усилить».
Скриншот блока — Cmd+V прямо в окно превью, или файл с диска. Картинка прилипает к карточке.
В шапке редактора T123 — поиск по коду с подсветкой и счётчиком совпадений: 3/12.
10 последних версий HEAD — с размером, датой, кнопкой «Откатить».
Дублировать блок — как родная кнопка в Тильде, но из карточки. Работает и на скрытых блоках.
Отдельный view: выбрал блок, вставил код из буфера, нажал «Применить». Всё через POST с проверкой.
Корзина с двойным подтверждением — первый клик делает кнопку красной и пульсирующей.
Прицел: кликаешь по элементу — видишь все стили, метрики, цепочку родителей. Экспорт в Markdown / JSON.
Общий вес кода, средний по странице, топ-8 тяжёлых, распределение по типам блоков.
В шапке редактора T123 — кнопка: клик, и имя блока подтянется из первого комментария кода.
Сохранённые блоки с тегами, счётчиком использований и вставкой в любой проект.
Клик по логотипу в футере — экспорт всех настроек, имён, статусов, комментариев в JSON.
По порядку на странице, по имени, по размеру кода, по статусу. Выбираешь в настройках.
У блоков без кода имя задаётся вручную — клик по названию превращает его в поле ввода.
Выключенный блок — компактная карточка с красной полосой слева. Развернуть — один клик по глазу.
Отдельный раздел справки: что где, как работает, что не работает и почему. Не нужно гуглить.
Иконки в левой полосе можно перетаскивать, скрывать, сбрасывать. Как тебе удобно.
Не абстрактные преимущества, а конкретно, где ты вспомнишь про него.
Клиент переехал с tilda.ru на новый.домен. Открываешь Инспектор, пишешь в поиск старый домен, ставишь «Заменить на новый», жмёшь «Заменить». Через 40 секунд — 27 совпадений в 8 блоках переписаны, каждое старое значение в истории.
Три часа ночи, ты правишь Меню · верх. Что-то ломается. Идёшь в историю блока, видишь вчерашнюю версию в 22.1 kb, жмёшь «Восстановить». Через 3 секунды код на месте, всё сохранилось, старый вариант ушёл в историю.
Нашёл идеальное меню, но оно в другом проекте. Открываешь тот проект, закладка в углу карточки — блок ушёл в библиотеку. Открываешь новый проект, view «Библиотека», выбрал блок, нажал «Вставить в rec0012». Готово.
Не монолит, а набор самостоятельных инструментов. Можно отключить любой — остальные продолжат работать.
Бета уже работает. Устанавливается через меню разработчика браузера, без магазина расширений. По любым вопросам — пиши.