lostintangent/codeswing
VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment observed · 2026-08-28
Health v2 · maintenance only
23/100
- Activity 0
- Release rhythm 8
- Longevity 100
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: 2097
- days_rel: n/a
- days_push: 720
- n_releases_24m: 0
Adoption not part of the score
1006 stars · 60 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded
CodeSwing is a VS Code extension that provides an interactive coding playground for building web applications ('swings') with live preview as you type. It brings the CodePen/JSFiddle experience directly into the editor, supporting HTML, CSS, JavaScript/TypeScript, and popular frameworks without any build tooling.
Use cases
- prototype web apps with live preview inside VS Code
- experiment with HTML/CSS/JS snippets like CodePen but in my editor
- learn web development with interactive tutorials and guided walkthroughs
- build React or Vue demos without setting up a bundler
- share code snippets by exporting swings to CodePen
- manage playground snippets as GitHub Gists
When to choose
- you want a CodePen-like playground integrated into VS Code with your themes and extensions
- you need instant live preview while editing web code without any build configuration
- you teach or learn front-end concepts with runnable, editable examples
When to avoid
- you need a full production web build pipeline with bundling and optimization
- you are not a VS Code user
- you need backend or server-side playgrounds rather than client-side web code
Facets
plugin · maturity maintenance
developer-tools frontend-framework templating web-development developer-tools education editor-plugin cross-platform vscode-extension playground live-preview codepen interactive-coding web-playground
1 source
- readme: https://github.com/lostintangent/codeswing · fetched 2026-08-28 · 01a4ddb84e33
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| lostintangent/codeswing | main | 23 |
For agents
markdown · JSON · MCP: product_card(name="lostintangent/codeswing")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem