Repolode
Enviar
stackblitz

stackblitz/bolt-slides

Kit de presentaciones basado en React, donde cada diapositiva es una página web interactiva y adaptable, creada por un agente de IA o manualmente.

Alternativa open source a:PowerPointGoogle SlidesKeynote

Ver en GitHub
Estrellas
1,129
Forks
137
Issues abiertos
7
Último commit
hace 3 meses

¿Qué es?

Bolt Slides convierte las presentaciones en aplicaciones web funcionales. Cada diapositiva es un componente de React independiente, así que puede incluir escenas 3D, datos en vivo, productos integrados o prototipos interactivos en lugar de viñetas estáticas. El proyecto está diseñado para usarse con agentes de programación con IA como Claude Code, Codex, Cursor y Bolt, e incluye una skill que guía al agente para aplicar temas y componer una presentación.

Por dentro, ofrece un motor de presentaciones paginadas con una barra inferior, una barra lateral de miniaturas, una vista en cuadrícula, avances mediante clic que muestran el contenido paso a paso antes de pasar a la siguiente diapositiva y herramientas de anotación. El modo de presentación se abre en una segunda pestaña e incluye un temporizador, una vista previa de la siguiente diapositiva y notas editables que se sincronizan con la vista de la audiencia mediante BroadcastChannel. El hash de la URL registra la diapositiva actual, de modo que los enlaces pueden apuntar a una página específica.

El repositorio incluye una biblioteca de componentes para estructuras, gráficos y tablas de datos, diseños narrativos, maquetas de productos y efectos visuales. Los colores, las fuentes y los radios se definen en un único archivo de tokens CSS, así que cambiar el color principal permite recolorear toda la presentación.

Funciones clave

  • 01Cada diapositiva es un componente de React que puede incluir datos en vivo, escenas 3D o prototipos interactivos.
  • 02Los avances mediante clic muestran el contenido paso a paso, y las teclas de flecha permiten avanzar o retroceder.
  • 03El modo de presentación se abre en una segunda pestaña sincronizada e incluye un temporizador, una vista previa de la siguiente diapositiva y notas editables.
  • 04Las anotaciones ancladas al contenido mantienen los dibujos asociados al mismo elemento en distintos tamaños de pantalla.
  • 05Los enlaces directos registran la diapositiva actual en el hash de la URL.
  • 06Una biblioteca de componentes ofrece gráficos, tablas, cronologías, tablas de precios, ventanas de código y más.

Casos de uso

  • Presentar un producto con una demostración en vivo integrada directamente en la presentación.
  • Exponer hallazgos con muchos datos mediante gráficos y paneles interactivos.
  • Generar una presentación lista para mostrar a partir de un solo prompt usando un agente de programación con IA.
  • Crear una plantilla de presentación personalizada y con marca propia mediante un archivo de tema compartido.

Temas

#presentation#react#slides#typescript#ai-agent#interactive#web-app

Preguntas frecuentes

¿Qué es bolt-slides?
Kit de presentaciones basado en React, donde cada diapositiva es una página web interactiva y adaptable, creada por un agente de IA o manualmente. Bolt Slides convierte las presentaciones en aplicaciones web funcionales. Cada diapositiva es un componente de React independiente, así que puede incluir escenas 3D, datos en vivo, productos integrados o prototipos interactivos en lugar de viñetas estáticas. El proyecto está diseñado para usarse con agentes de programación con IA como Claude Code, Codex, Cursor y Bolt, e incluye una skill que guía al agente para aplicar temas y componer una presentación.
¿bolt-slides es gratuito? ¿Qué licencia tiene?
bolt-slides es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿bolt-slides sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de bolt-slides fue el 30 jul 2026.
¿Para qué puedo usar bolt-slides?
Presentar un producto con una demostración en vivo integrada directamente en la presentación. Exponer hallazgos con muchos datos mediante gráficos y paneles interactivos. Generar una presentación lista para mostrar a partir de un solo prompt usando un agente de programación con IA. Crear una plantilla de presentación personalizada y con marca propia mediante un archivo de tema compartido.
¿Dónde consigo bolt-slides?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/stackblitz/bolt-slides

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados