# pomber/code-surfer

Rad code slides <🏄/>

Repository: https://github.com/pomber/code-surfer
Canonical: https://ross.abutalabs.com/products/code-surfer
Homepage: https://codesurfer.pomb.us/
Language: JavaScript
License: MIT
License Family: permissive
Topics: react, slides, mdx-deck, mdx, code, deck, presentation, syntax, syntax-highlighting, markdown, keynote
Last push: 2023-05-02T13:28:44+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 2937, "days_push": 1219, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 6376, forks 174 (observed 2026-08-28T04:09:42.914959+00:00)

## What it is
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
- artifact type: library
- maturity: maintenance
- function: ui-components, animation, markdown, templating
- domain: web-development, frontend, developer-tools, documentation, education
- platform: -
- tags: presentation-slides, mdx-deck, syntax-highlighting, code-presentations, react, nodejs, web-server, javascript

## Member repositories
- pomber/code-surfer (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:42.914959+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:45:10.910261+00:00, confidence not recorded.
  - readme: https://github.com/pomber/code-surfer (fetched 2026-08-28T04:09:42.914959+00:00, sha fcaed33a37ef)
  - homepage: https://codesurfer.pomb.us/ (fetched 2026-08-29T08:42:26.253990+00:00, sha 46c6d1a33768)
  - registry_npm: https://registry.npmjs.org/code-surfer (fetched 2026-08-29T08:42:26.347976+00:00, sha a51c312b7620)
- Data as of 2026-08-30T08:39:29.467469+00:00.