Skip to content

A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox.

License

Notifications You must be signed in to change notification settings

codesandbox/sandpack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

author
codesandbot[bot]
Feb 14, 2025
7d60a43 · Feb 14, 2025
Jul 11, 2024
Oct 3, 2023
Jan 31, 2025
Sep 18, 2024
Sep 12, 2024
Feb 14, 2025
Oct 29, 2023
Jan 22, 2025
Sep 30, 2022
Apr 7, 2023
Mar 14, 2023
Nov 15, 2023
Mar 5, 2021
Oct 15, 2021
Aug 11, 2022
Feb 14, 2025
Mar 5, 2021
Mar 21, 2022
Feb 16, 2023
Feb 14, 2025
Jan 31, 2025
Oct 5, 2022
Jan 31, 2025

Repository files navigation

Component toolkit for live running code editing experiences

Sandpack

Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.

Learn more about Sandpack

Edit in CodeSandbox

Sandpack Client

This is a small foundation package that sits on top of the bundler. It is framework agnostic and facilitates the handshake between your context and the bundler iframe.

Read more

Sandpack React

React components that give you the power of editable sandboxes that run in the browser.

import { Sandpack } from "@codesandbox/sandpack-react";

<Sandpack template="react" />;

Read more

Sandpack Themes

A list of themes to customize your Sandpack components.

import { githubLight } from "@codesandbox/sandpack-themes";

<Sandpack theme={githubLight} />;

Read more