100 % gratis, sin registro

Visor de Artifacts React

Pega cualquier artifact de React o fragmento JSX y previsualízalo en vivo en el navegador con Sandpack — renderizado instantáneo, sin instalación ni cuenta.

Pega tu código

Consejo: exporta un componente App por defecto (p. ej. «export default function App() undefined»), que es el formato estándar de los artifacts de React.

Vista previa en vivo

Tu artifact renderizado aparecerá aquí. Pega JSX a la izquierda y pulsa «Ejecutar vista previa».

Renderiza React de verdad

Sandpack ejecuta tu JSX con un bundler real en tu navegador: los hooks, el estado, las clases de Tailwind y los imports estilo npm funcionan.

Hecho para artifacts de IA

El formato estándar de los artifacts de IA es un componente App autocontenido. Pégalo directamente desde Claude, DeepSeek, v0 o Bolt y se mostrará tal cual.

Gratis y privado

Todo se ejecuta localmente en tu navegador: tu código nunca se sube ni se almacena. Sin registro, sin tarjeta, sin límites.

Preguntas frecuentes del Visor de Artifacts React

¿Qué es un Artifact de React?

Un Artifact de React es una pequeña app web interactiva — normalmente generada por asistentes de IA como Claude o DeepSeek — que llega como un único componente de React (JSX) que puedes previsualizar y ejecutar al instante.

¿Cómo previsualizo un Artifact de React online?

Pega el código JSX del Artifact en el editor de arriba y pulsa Ejecutar. La vista previa con Sandpack lo renderiza en vivo en tu navegador — sin instalar nada ni registrarte.

¿Este visor de Artifacts React es gratis?

Sí — 100 % gratis y sin registro. Si quieres generar nuevos Artifacts además de ejecutarlos, el creador de apps DeepSeek integrado te da generaciones diarias gratis.

¿Qué código funciona en el visor?

Componentes de React en un solo archivo con JSX, incluyendo hooks de useState y estilos inline o clases de Tailwind — el mismo formato que los chatbots de IA generan para los Artifacts.

Más herramientas y guías de IA gratis

¿Prefieres generar artifacts en lugar de solo verlos?

Usa el DeepSeek App Builder para describir una idea de app con tus palabras y obtén en segundos un artifact de React funcional y editable.