Sandpack

Live, editable code examples running in the browser, from CodeSandbox.

Markdown, editors and content npm Apache-2.0

Website GitHub npm

Used in agent projects

0.0% of 4,818 JS/TS repos built with AI coding agents; 20 counting our dependency samples

Gid Score

46 /100

#1871 of 3,794 tools, #74 in markdown, editors and content · ranking

Rank in markdown, editors and content

#102 of 125

by use in those projects

Downloads

698K

npm, last 7 days, @codesandbox/sandpack-react

GitHub stars

6,254

485 forks · last push Apr 24, 2025

How Sandpack is used

Sandpack is a dependency in 2 of the 6,208 public GitHub projects set up for AI coding agents that we scanned, too few to describe it from them alone. Our scan also samples projects by dependency (Solana 2,661, Ethereum and EVM 1,496, 3D and games 2,818, agent frameworks and SDKs 10,983); counting those, it appears in 20 projects, and what it is used with below comes from all of them. The most used alternative in our scan is Monaco Editor (47 projects). Projects that use it most often also use Lucide React (100.0%), Next.js (90.0%), OpenAI (85.0%).

Sandpack popularity over time

Top tools by Gid Score

Sandpack: downloads per weeknpm, @codesandbox/sandpack-react 698,019

Sandpack: GitHub starscodesandbox/sandpack 6,254

Gid Score 46: downloads 60, use in agent projects 28, GitHub stars 42, downloads trend 53 (each 0-100). How it is calculated.

Often used with Sandpack

Lucide React	100.0% of Sandpack projects · 5.0× more than average
Next.js	90.0% of Sandpack projects · 5.0× more than average
OpenAI	85.0% of Sandpack projects · 18.6× more than average
Google Generative AI	80.0% of Sandpack projects · 29.4× more than average
dotenv	80.0% of Sandpack projects · 5.1× more than average
React	100.0% of Sandpack projects · 3.1× more than average
Sharp	75.0% of Sandpack projects · 15.9× more than average
tsx	75.0% of Sandpack projects · 5.0× more than average

From all 20 projects in our scan that use Sandpack, including the dependency samples.

Install

Package	`npm install @codesandbox/sandpack-react`
Main stacks	Next.js (18), TypeScript / JavaScript (2)
Example projects	lobehub/lobehub, vual/lobe-chat-pro, isaccanedo/lobe-chat, AimeBox/aime-box

Alternatives to Sandpack

All markdown, editors and content

Tools that do the same job, so a project picks one or the other. Add-ons and libraries used alongside Sandpack are not listed here; they are in "Often used with".

Tool	Gid Score	Used in agent projects	Downloads / wk	GitHub stars	License
Monaco Editor npm Browser-based code editor powering VS Code with syntax highlighting and language support.	69	47 (1.0%)	5.6M	46.9K	MIT

More in Markdown, editors and content: react-markdown remark-gfm Marked Jinja2 gray-matter Tiptap Shiki highlight.js

Is Sandpack right for your project? Ask AgentGid →