Repolode
Предложить
stackblitz

stackblitz/bolt-slides

Инструментарий для создания презентаций на React, где каждый слайд — интерактивная адаптивная веб-страница, созданная AI-агентом или вручную.

Open source альтернатива:PowerPointGoogle SlidesKeynote

Открыть на GitHub
Звёзды
1,129
Форки
137
Открытые issues
7
Последний коммит
3 месяца назад

Что это?

Bolt Slides превращает презентации в работающие веб-приложения. Каждый слайд — обычный React-компонент, поэтому вместо статичных пунктов списка он может содержать 3D-сцены, данные в реальном времени, встроенные продукты или интерактивные прототипы. Проект рассчитан на работу с AI-агентами для написания кода, такими как Claude Code, Codex, Cursor и Bolt, и включает готовый skill, который помогает агенту подобрать тему и собрать презентацию.

В основе проекта — движок для показа презентаций с панелью управления, боковой панелью миниатюр, обзором в виде сетки, пошаговым отображением содержимого по клику перед переходом к следующему слайду и инструментами для аннотаций. Режим докладчика открывается во второй вкладке и показывает таймер, предпросмотр следующего слайда и редактируемые заметки, которые синхронизируются с экраном аудитории через BroadcastChannel. Хеш URL отслеживает текущий слайд, поэтому на конкретную страницу можно дать ссылку.

В репозитории есть библиотека компонентов для структуры презентации, графиков и таблиц с данными, сюжетных макетов, макетов продуктов и визуальных эффектов. Цвета, шрифты и радиусы заданы в одном файле с CSS-токенами: достаточно изменить основной цвет, чтобы перекрасить всю презентацию.

Ключевые возможности

  • 01Каждый слайд — React-компонент, который может содержать данные в реальном времени, 3D-сцены или интерактивные прототипы.
  • 02Пошаговый показ по клику раскрывает содержимое постепенно; стрелками можно перемещаться как вперёд, так и назад.
  • 03Режим докладчика во второй синхронизированной вкладке показывает таймер, предпросмотр следующего слайда и редактируемые заметки.
  • 04Аннотации, привязанные к содержимому, остаются на том же элементе при изменении размера экрана.
  • 05Ссылки на слайды используют хеш URL, в котором отслеживается текущий слайд.
  • 06Библиотека компонентов включает графики, таблицы, таймлайны, блоки с ценами, окна с кодом и многое другое.

Сценарии использования

  • Представлять продукт, встроив в презентацию работающую демоверсию.
  • Показывать результаты с большим объёмом данных с помощью интерактивных графиков и дашбордов.
  • Создавать готовую к показу презентацию по одному запросу с помощью AI-агента для написания кода.
  • Создавать собственный фирменный шаблон презентации с общей темой.

Темы

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

Частые вопросы

Что такое bolt-slides?
Инструментарий для создания презентаций на React, где каждый слайд — интерактивная адаптивная веб-страница, созданная AI-агентом или вручную. Bolt Slides превращает презентации в работающие веб-приложения. Каждый слайд — обычный React-компонент, поэтому вместо статичных пунктов списка он может содержать 3D-сцены, данные в реальном времени, встроенные продукты или интерактивные прототипы. Проект рассчитан на работу с AI-агентами для написания кода, такими как Claude Code, Codex, Cursor и Bolt, и включает готовый skill, который помогает агенту подобрать тему и собрать презентацию.
bolt-slides можно использовать бесплатно? Какая у него лицензия?
bolt-slides распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
bolt-slides всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в bolt-slides — 30 июл. 2026 г..
Для чего можно использовать bolt-slides?
Представлять продукт, встроив в презентацию работающую демоверсию. Показывать результаты с большим объёмом данных с помощью интерактивных графиков и дашбордов. Создавать готовую к показу презентацию по одному запросу с помощью AI-агента для написания кода. Создавать собственный фирменный шаблон презентации с общей темой.
Где скачать bolt-slides?
Исходный код и инструкции по установке — на GitHub: https://github.com/stackblitz/bolt-slides

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты