Another oss project by

Formidable Logo


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

npm install spectacle



clicky button (0;00;00;10)

Interactive Presentations

Add clickable elements and other interactivity to make your presentations pop.

code preview (0;00;01;18)

Live-Preview Your Code

Show people more than just a code block - demo the final project in real-time without leaving your presentation deck.

amazing (0;00;02;09)

... and More!

Polish off your presentation with auto-formatting, easy themeing, image dimming, and other fun touches available out of the box.

Code Preview

Get Started

There are several flexible options for getting started with Spectacle, using either JSX or MDX syntax - dive into the documentation to see all the ways you can get a presentation up and running.

More Open Source from Formidable


Small, fast and accessibility-first React carousel library with easily customizable UI and behavior to fit your brand and site.


An ecosystem of modular data visualization components for React. Friendly and flexible.


Universal React Query Library is a blazing-fast GraphQL client, exposed as a set of ReactJS components.


The online package explorer. Runpkg turns any npm package into an interactive and informative browsing experience.

View All

Formidable is a global design and engineering consultancy, and open-source software organization, specializing in digital products and transformation. The firm has location hubs in Seattle, London, Toronto, Denver, Atlanta, and Phoenix with remote consultants worldwide. Since 2013, its team has worked with companies ranging in size from startups to Fortune 100s to build quality digital products and level-up engineering and design teams. For more information please visit

© MMXXIV Formidable Labs, LLC.