pomber/code-surfer
Rad code slides <🏄/> observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2937
- days_rel: n/a
- days_push: 1219
- n_releases_24m: 0
Adoption not part of the score
6376 stars · 174 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
Code Surfer is a React/MDX component library that adds code highlighting, zooming, scrolling, focusing, and morphing animations to MDX Deck presentation slides. It lets developers build code-centric slide decks from markdown with step-by-step code transitions.
Use cases
- create presentation slides with animated code highlighting
- build a conference talk deck from markdown
- step through code changes during a live coding presentation
- focus on specific lines of code in slides
- make a keynote with syntax-highlighted code snippets
When to avoid
- you need general-purpose slides without code emphasis
- you want a non-React or non-MDX presentation tool
- you need actively developed features - the project is in maintenance mode
Facets
library · maturity maintenance
ui-components animation markdown templating web-development frontend developer-tools documentation education presentation-slides mdx-deck syntax-highlighting code-presentations react nodejs web-server javascript
3 sources
- readme: https://github.com/pomber/code-surfer · fetched 2026-08-28 · fcaed33a37ef
- homepage: https://codesurfer.pomb.us/ · fetched 2026-08-29 · 46c6d1a33768
- registry_npm: https://registry.npmjs.org/code-surfer · fetched 2026-08-29 · a51c312b7620
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| pomber/code-surfer | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="pomber/code-surfer")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem