onlook-dev/onlook

Что это?

Ключевые возможности

• 01Редактируйте элементы прямо в работающем предварительном просмотре в браузере — изменения вносятся в код.
• 02Щёлкните по элементу правой кнопкой мыши, чтобы перейти к его расположению в исходниках.
• 03Создавайте проект и редактируйте его с помощью чата с ИИ.
• 04Настраивайте стили Tailwind и макеты на визуальной панели инструментов.
• 05Сохраняйте контрольные точки и восстанавливайте их, а также создавайте ссылки на опубликованный проект, которыми можно поделиться.

Сценарии использования

• Создание прототипов целевых страниц и маркетинговых сайтов в проектах на Next.js и Tailwind.
• Возможность для дизайнеров вносить визуальные правки, которые сохраняются в виде настоящего кода, готового к проверке.
• Изучение вариантов макета с помощью ИИ до фиксации изменений.

Быстрый старт

1. 1

   Используйте размещённое приложение на onlook.com

2. 2

   Или ознакомьтесь с руководством по локальному запуску в документации

Что важно знать

• !Поддерживаются только проекты Next.js и Tailwind CSS; другие фреймворки пока не поддерживаются.
• !Размещённый продукт доступен в раннем доступе по списку ожидания.
• !Инструкции по локальному запуску приведены отдельно на сайте документации, а не в README.

Темы

Частые вопросы

Что такое onlook?

Визуальный редактор с открытым исходным кодом, который позволяет создавать и редактировать код Next.js и Tailwind CSS прямо в браузере с помощью ИИ. Onlook — визуальный редактор кода для создания сайтов и интерфейсов на Next.js и TailwindCSS. Вместо того чтобы редактировать проект только в редакторе кода, можно выбирать элементы в предварительном просмотре приложения и менять их — изменения автоматически вносятся в исходный код. Проект также можно создавать и редактировать с помощью чата с ИИ.

onlook можно использовать бесплатно? Какая у него лицензия?

onlook распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.

onlook всё ещё поддерживается?

Обновлялся за последние 6 месяцев. Последний коммит в onlook — 25 авг. 2026 г..

Для чего можно использовать onlook?

Создание прототипов целевых страниц и маркетинговых сайтов в проектах на Next.js и Tailwind. Возможность для дизайнеров вносить визуальные правки, которые сохраняются в виде настоящего кода, готового к проверке. Изучение вариантов макета с помощью ИИ до фиксации изменений.

Как установить onlook?

Используйте размещённое приложение на onlook.com Или ознакомьтесь с руководством по локальному запуску в документации

Где скачать onlook?

Исходный код и инструкции по установке — на GitHub: https://github.com/onlook-dev/onlook