Просмотрщик React-артефактов
Вставьте любой React-артефакт или фрагмент JSX и смотрите живой предпросмотр в браузере с Sandpack — мгновенный рендеринг, без установки и без аккаунта.
Вставьте код
Совет: экспортируйте компонент App по умолчанию (например, «export default function App() …») — это стандартный формат React-артефактов.
Живой предпросмотр
Настоящий React-рендеринг
Sandpack выполняет ваш JSX с настоящим бандлером прямо в браузере — хуки, состояние, классы Tailwind и импорты в стиле npm работают.
Создан для ИИ-артефактов
Стандартный формат ИИ-артефактов — самодостаточный компонент App. Вставьте его прямо из Claude, DeepSeek, v0 или Bolt, и он отобразится как есть.
Бесплатно и приватно
Всё выполняется локально в вашем браузере — код никогда не загружается на сервер и не сохраняется. Без регистрации, без карты, без ограничений.
Вопросы и ответы о просмотрщике React-артефактов
Что такое React-артефакт?
React-артефакт — это небольшое интерактивное веб-приложение, обычно созданное ИИ-ассистентами вроде Claude или DeepSeek. Оно представляет собой один компонент React (JSX), который можно сразу посмотреть и запустить.
Как посмотреть React-артефакт онлайн?
Вставьте JSX-код артефакта в редактор выше и нажмите «Запустить». Предпросмотр на базе Sandpack отрисует его прямо в браузере — без установки и регистрации.
Этот просмотрщик React-артефактов бесплатный?
Да — полностью бесплатный и без регистрации. Если хотите не только запускать, но и создавать новые артефакты, встроенный DeepSeek App Builder даёт бесплатные генерации каждый день.
Какой код работает в просмотрщике?
Однофайловые React-компоненты с JSX, включая хуки useState, инлайновые стили или классы Tailwind — тот же формат, который ИИ-чатботы выдают в качестве артефактов.
Больше бесплатных ИИ-инструментов и гайдов
Хотите не только смотреть артефакты, но и создавать их?
С DeepSeek App Builder опишите идею приложения обычным языком и через несколько секунд получите работающий редактируемый React-артефакт.