React Artifactビューアー
ReactアーティファクトやJSXスニペットを貼り付けて、Sandpackでブラウザ上にすぐライブプレビュー。インストールもアカウント登録も不要で、即座に描画されます。
コードを貼り付け
ヒント：デフォルトエクスポートのAppコンポーネントを書き出してください（例：「export default function App() undefined」）。これがReactアーティファクトの標準形式です。
ライブプレビュー
本物のReactを描画
Sandpackが本物のバンドラーでブラウザ内のJSXを実行します。フック、ステート、Tailwindクラス、npm形式のインポートもすべて動作します。
AIアーティファクトに最適化
AIアーティファクトの標準形式は自己完結型のAppコンポーネントです。Claude、DeepSeek、v0、Boltからそのまま貼り付ければ、そのまま表示されます。
無料＆プライベート
すべてブラウザ内でローカル実行。コードがアップロードや保存されることはありません。登録不要、クレジットカード不要、制限なし。
React ArtifactビューアーFAQ
Reactアーティファクトとは？
Reactアーティファクトは、小さなインタラクティブなウェブアプリです。ClaudeやDeepSeekなどのAIアシスタントが生成することが多く、プレビューしてすぐ実行できる単一のReact（JSX）コンポーネントとして提供されます。
Reactアーティファクトをオンラインでプレビューするには？
アーティファクトのJSXコードを上のエディタに貼り付けて実行を押すだけ。Sandpack搭載のプレビューがブラウザ上でそのまま表示します — インストールもサインアップも不要です。
このReact Artifactビューアーは無料？
はい — サインアップ不要で完全無料です。実行するだけでなく新しいアーティファクトを生成したい場合は、内蔵のDeepSeek App Builderで毎日無料生成をご利用いただけます。
どんなコードがビューアーで動きますか？
useStateフックやインラインスタイル、Tailwindクラスを含む、単一ファイルのJSX付きReactコンポーネントです。AIチャットボットがアーティファクトとして出力するのと同じ形式です。
その他の無料AIツール＆ガイド
見るだけでなく、アーティファクトを生成してみませんか？
DeepSeek App Builderなら、アプリのアイデアを普通の言葉で説明するだけで、動かして編集できるReactアーティファクトを数秒で取得できます。