An interactive, code-driven pitch deck built as React components — slides as JSX, with runtime layout, scaling, navigation, and fullscreen play mode.
▶ Live demo: orcules.github.io/claritx-deck
This is the investor / product pitch deck for ClaritX (an AI-powered stock-analysis platform), built not in slide software but as a React application. Each slide is a component, so the deck is version-controlled, themeable, responsive, and deployable as a static site — and content like charts, tables, and interactive elements are real code rather than static images.
It's built on the open-slide framework: you write pages as React components and the runtime handles layout, scaling to any screen, thumbnails, keyboard navigation, and fullscreen presentation mode.
- Slides as components — every page under
slides/claritx-pitch-v5/is JSX; layout and scaling are handled by the@open-slide/coreruntime. - Responsive & self-scaling — the deck fits any display without manual resizing.
- Presentation mode — keyboard navigation, thumbnails, and fullscreen play.
- Static deployment — ships as a static build (Netlify / Vercel configs included).
| Layer | Technology |
|---|---|
| Framework | React, TypeScript |
| Deck runtime | @open-slide/core |
| Build | Vite |
| Deployment | Netlify / Vercel (static) |
# install
npm ci
# run the dev server
npm run dev
# build the static site
npm run buildSlides live under slides/claritx-pitch-v5/index.tsx. Presentation config is in open-slide.config.ts.
claritx-deck/
├── slides/claritx-pitch-v5/ # the deck — pages as React components + assets
├── public/ # static assets + research pages
├── open-slide.config.ts # deck configuration
└── netlify.toml / vercel.json # static deployment
Released under the MIT License. Personal portfolio project.