formidablelabs/spectacle

A React-based library for creating sleek presentations using JSX syntax that gives you the ability to live demo your code.

View on GitHub ↗Jump to charts ↓

Summary Information

Updated 27 minutes ago
Added to GitGenius on September 6th, 2026
Created on June 30th, 2015
Open Issues & Pull Requests: 75 (+0)
GitHub issues: Enabled
Number of forks: 699
Total Stargazers: 10,161 (+0)
Total Subscribers: 142 (+0)

Repository Insights (GitGenius)

Median issue/PR response: 2.6 days
Mean response time: 42.0 days
90th percentile: 139.4 days
Tracked items: 11

Charts & Analytics

Fetching additional details & charts...

Issue Activity (beta)

Open issues: 6
New in 7 days: 0
Closed in 7 days: 0
Avg open age: 695 days
Stale 30+ days: 6
Stale 90+ days: 5

Recent activity

Opened in 7 days: 0
Closed in 7 days: 0
Comments in 7 days: 0
Events in 7 days: 0

Top labels

  • Feature Request (3)
  • 🤔 Question (2)
  • ✓ Verified (1)
  • 🐛 Bug (1)

Most active issues this week

No issue events were indexed in the last 7 days.

Detailed Description

Spectacle is a React-based library for creating presentations using JSX syntax that enables live code demonstrations within slides.

The tool addresses the need to build dynamic, code-driven presentations by leveraging React components and JSX. Rather than relying on traditional presentation software or static slide formats, Spectacle lets developers write presentations as React code, making it natural to embed live examples and interactive content directly into slides. This approach treats presentations as applications, allowing full programmatic control over slide content and behavior.

Spectacle suits developers and technical speakers who want to integrate live coding demonstrations into their talks or who prefer writing presentations in code rather than using graphical editors. It works well for technical conferences, workshops, and any setting where showing working code examples alongside explanations adds value. The project is organized as a monorepo containing the core package alongside related tools and examples, with comprehensive documentation available through its docs site.

The project maintains active development with a stated commitment to ongoing work. The team welcomes bug reports, feature requests, and pull requests, and provides structured issue templates to guide community contributions. Documentation improvements are actively encouraged through both issue reports and direct pull requests.