Repolode
Enviar
stackblitz

stackblitz/bolt-slides

Kit de apresentações baseado em React, em que cada slide é uma página web responsiva e interativa, criada por um agente de IA ou manualmente.

Alternativa open source a:PowerPointGoogle SlidesKeynote

Ver no GitHub
Estrelas
1,129
Forks
137
Issues abertas
7
Último commit
há 3 meses

O que é?

O Bolt Slides transforma apresentações em aplicativos web funcionais. Cada slide é um componente React simples, que pode incluir cenas 3D, dados em tempo real, produtos incorporados ou protótipos interativos, em vez de listas estáticas de tópicos. O projeto foi pensado para ser controlado por agentes de programação com IA, como Claude Code, Codex, Cursor e Bolt, e inclui uma skill que orienta o agente na aplicação de temas e na composição de uma apresentação.

Por baixo dos panos, ele oferece um mecanismo de apresentação paginada com dock, barra lateral de miniaturas, visão em grade, builds por clique que avançam pelo conteúdo antes de passar para o próximo slide e ferramentas de anotação. O modo de apresentação abre em uma segunda aba e exibe um cronômetro, uma prévia do próximo slide e notas editáveis, sincronizadas com a visualização do público por meio de BroadcastChannel. O hash da URL acompanha o slide atual, permitindo criar links para páginas específicas.

O repositório inclui uma biblioteca de componentes para estrutura, gráficos e tabelas de dados, layouts narrativos, mockups de produtos e efeitos visuais. As cores, fontes e bordas arredondadas são definidas em um único arquivo de tokens CSS; assim, basta alterar a cor principal para recolorir toda a apresentação.

Recursos principais

  • 01Cada slide é um componente React que pode conter dados em tempo real, cenas 3D ou protótipos interativos.
  • 02Os builds por clique revelam o conteúdo passo a passo, e as teclas de seta permitem avançar e voltar.
  • 03O modo de apresentação abre em uma segunda aba sincronizada e mostra um cronômetro, uma prévia do próximo slide e notas editáveis.
  • 04As anotações ancoradas ao conteúdo mantêm os desenhos vinculados ao mesmo elemento em diferentes tamanhos de tela.
  • 05Links diretos acompanham o slide atual no hash da URL.
  • 06Uma biblioteca de componentes oferece gráficos, tabelas, cronogramas, preços, janelas de código e muito mais.

Casos de uso

  • Apresentar um produto com uma demonstração ao vivo incorporada diretamente na apresentação.
  • Apresentar resultados com muitos dados usando gráficos interativos e dashboards.
  • Gerar uma apresentação pronta para exibir a partir de um único prompt, usando um agente de programação com IA.
  • Criar um template de apresentação personalizado e com a identidade da marca usando um arquivo de tema compartilhado.

Tópicos

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

Perguntas frequentes

O que é bolt-slides?
Kit de apresentações baseado em React, em que cada slide é uma página web responsiva e interativa, criada por um agente de IA ou manualmente. O Bolt Slides transforma apresentações em aplicativos web funcionais. Cada slide é um componente React simples, que pode incluir cenas 3D, dados em tempo real, produtos incorporados ou protótipos interativos, em vez de listas estáticas de tópicos. O projeto foi pensado para ser controlado por agentes de programação com IA, como Claude Code, Codex, Cursor e Bolt, e inclui uma skill que orienta o agente na aplicação de temas e na composição de uma apresentação.
bolt-slides é gratuito? Qual é a licença?
bolt-slides é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
bolt-slides ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de bolt-slides foi em 30 de jul. de 2026.
Para que posso usar bolt-slides?
Apresentar um produto com uma demonstração ao vivo incorporada diretamente na apresentação. Apresentar resultados com muitos dados usando gráficos interativos e dashboards. Gerar uma apresentação pronta para exibir a partir de um único prompt, usando um agente de programação com IA. Criar um template de apresentação personalizado e com a identidade da marca usando um arquivo de tema compartilhado.
Onde consigo bolt-slides?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/stackblitz/bolt-slides

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados