Sandpack Themes

A list of themes to customize your Sandpack components.

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

<Sandpack theme={githubLight} />;

Checks all themes here

Documentation

For full documentation, visit https://sandpack.codesandbox.io/docs/

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

2.0.21 (2023-02-28)

Bug Fixes

• nodebox: consider new files from Sandpack (#778) (877222e)
• sandpack-tests: introduce hideTestsAndSupressLogs prop (#775) (373ab43)

2.0.20 (2023-02-28)

Bug Fixes

• sandpack-client: setup build with rollup (#758) (f645119)

2.0.19 (2023-02-28)

Bug Fixes

• use-files: watch prop keys changes (#776) (987814f)

2.0.18 (2023-02-28)

Bug Fixes

• sandpack-react: open sandbox button (#761) (430a0f5)

2.0.17 (2023-02-24)

Bug Fixes

• use-files: make files reference more stable (#760) (32ab419)

2.0.16 (2023-02-23)

Bug Fixes

• sandpack-react: use automatic runtime for jsx (#738) (818d1b0)

2.0.15 (2023-02-22)

Bug Fixes

• Send serialized console output to parent (#757) (5865fc5)

2.0.14 (2023-02-22)

Bug Fixes

• file-explorer: introduce initialCollapsedFolders (#756) (27b075e)

2.0.13 (2023-02-22)

Bug Fixes

• nodebox: support env vars on commands (#755) (af8d5c1)

2.0.12 (2023-02-22)

Bug Fixes

• file-explorer: sort alpha & overflow scroll (#754) (254df65)

2.0.11 (2023-02-22)

Bug Fixes

• sandpack-client: move console-feed to dev deps (#747) (bdd1bb7)

2.0.10 (2023-02-21)

Bug Fixes

• client: enable code-splitting and dynamic imports in esbuild (#741) (0bc9d80)

2.0.9 (2023-02-20)

Bug Fixes

• console: improvements (#743) (685fac3)

2.0.8 (2023-02-20)

Bug Fixes

• sandpack-client: fixing package exports (#737) (e96672a)

2.0.7 (2023-02-20)

Bug Fixes

• Invalid esm package exports (#725) (44b05ec), closes #724

2.0.6 (2023-02-17)

Bug Fixes

• react-vite template: use automatic runtime for jsx (#720) (bbb41a6)

2.0.5 (2023-02-16)

Note: Version bump only for package sandpack

2.0.4 (2023-02-16)

Note: Version bump only for package sandpack

2.0.3 (2023-02-16)

Note: Version bump only for package sandpack

2.0.2 (2023-02-16)

Bug Fixes

• remove unnecessary script (4a2f425)

2.0.1 (2023-02-16)

Note: Version bump only for package sandpack

1.15.2 (2022-10-21)

Bug Fixes

• themes: ui tweaks (#625) (d90f47e)

1.15.1 (2022-10-18)

Bug Fixes

• themes: adds unpublished themes (#621) (10b94cc)

1.15.0 (2022-10-17)

Features

• added a new sandbox theme (#616) (0cc7567)
• added a new sandbox theme (#617) (ca659f4)
• theme: add cyberpunk theme (#618) (6e16a71)

1.14.2 (2022-10-06)

Note: Version bump only for package sandpack

1.14.1 (2022-10-06)

Bug Fixes

• bare components: extend to browser api (266d721)

1.14.0 (2022-10-06)

Features

• theme: provide bare components (#590) (158fd8c)

1.13.0 (2022-10-06)

Features

• theme: Cobalt2 Theme (#608) (929fbf2)
• theme: Level Up Theme (#609) (374536b)

1.12.2 (2022-10-05)

Note: Version bump only for package sandpack

1.12.1 (2022-10-04)

Note: Version bump only for package sandpack

1.12.0 (2022-10-04)

Features

• theme: freeCodeCamp Dark Theme (#605) (24370e1)

1.11.1 (2022-10-04)

Bug Fixes

• style prop no longer passed to React.Fragment (#601) (05766bb)

1.11.0 (2022-10-04)

Features

• theme: EcoLight theme (#602) (c8ed057)

1.10.1 (2022-10-04)

Bug Fixes

• templates: move dependencies to a package json (#594) (441d5a5)

1.10.0 (2022-10-04)

Features

• theme: gruvbox light and dark (#600) (3d93fc0)

1.9.0 (2022-10-04)

Features

• theme: atom dark ⚛ (#598) (f48dc93)

1.8.8 (2022-09-30)

Bug Fixes

• e2e: migrate from cypress to playwright & fix sandpackStateFromProps (#593) (c993827)

1.8.7 (2022-09-30)

Bug Fixes

• files: normalize paths (#595) (71a2044)

1.8.6 (2022-09-28)

Bug Fixes

• syntax languages: remove markdown (#591) (a56962a)

1.8.5 (2022-09-28)

Bug Fixes

• client-navigation: make sure iframe is using the right location on refreshing (#587) (317d456)

1.8.4 (2022-09-27)

Bug Fixes

• track fork: standardized UTM parameter (#585) (8b21ed6)

1.8.3 (2022-09-27)

Bug Fixes

• codemirror: avoid Escape keybinding conflict (#581) (61e615c)

1.8.2 (2022-09-27)

Bug Fixes

• useGenerateId: improve useId conditional (#584) (91acb05)

1.8.1 (2022-09-26)

Bug Fixes

• file-explorer: trim and avoid shrinks the icon on long file names (#578) (bc12d03)
• website csb logo (#574) (4d91860)

1.8.0 (2022-09-15)

Bug Fixes

• docs: redirect double dash url (25efc62)

Features

• codeeditor: support additional, user-supplied language modes (#570) (a746ae3)

1.7.2 (2022-09-01)

Bug Fixes

• sandpack preset: fix columns size (#566) (cad7273)

1.7.1 (2022-08-31)

Bug Fixes

• console-wrapper: refactor toggle animation and reset padding on the editor (#565) (6e730c6)

1.7.0 (2022-08-31)

Features

• SandpackTests: Add SandpackTests component (#562) (1191f82)

1.6.0 (2022-08-30)

Features

• console: Add SandpackConsole component (#546) (9987ec5)

1.5.5 (2022-08-25)

Bug Fixes

• UnstyledOpenInCodeSandboxButton: set visibility to hidden (#560) (653cf0e)

1.5.4 (2022-08-22)

Bug Fixes

• client: do not set default credentials for custom npm requests (4ce7be9)

1.5.3 (2022-08-22)

Bug Fixes

• client: custom registry should include the credentials only for csb urls (#555) (de1e424)

1.5.2 (2022-08-22)

Bug Fixes

• custom registry: cors issue and make the types more strict (#554) (dca96ec)

1.5.1 (2022-08-19)

Note: Version bump only for package sandpack

1.5.0 (2022-08-11)

Features

• themes: dracula 🧛 (#551) (88cbc83)

1.4.0 (2022-08-11)

Features

• custom-setup: introduce custom npm registries (#542) (1fd8b99)

1.3.5 (2022-08-10)

Note: Version bump only for package sandpack

1.3.4 (2022-08-05)

Bug Fixes

• themes: tweak error surface contrast (#548) (d9120c9)
• website: ui tweaks (b07c378)

1.3.3 (2022-08-04)

Bug Fixes

• syntax highlight: default json to javascript (f6b29e5)

1.3.2 (2022-07-29)

Bug Fixes

• client: update bundler (bb6d9c1)

1.3.1 (2022-07-25)

Note: Version bump only for package sandpack

1.3.0 (2022-07-20)

Features

• codeeditor: support markdown and plain text (#535) (c159608)

1.2.4 (2022-07-12)

Bug Fixes

• react: set react 18 as peer dependencies (#529) (5a7e61c)

1.2.3 (2022-07-12)

Bug Fixes

• codemirror: use correct method to indent the code on tab key press (#527) (6bea86b)

1.2.2 (2022-06-29)

Bug Fixes

• codeeditor: test-id should not be included in the bundler (#521) (bf9cc21)

1.2.1 (2022-06-27)

Bug Fixes

• global-listeners: doesn't unsubscribe all listener unexpectedly (#516) (7e65f6e)

1.2.0 (2022-06-22)

Features

• sandpack-context: add file method (#512) (3b76995)

1.1.8 (2022-06-22)

Note: Version bump only for package sandpack

1.1.7 (2022-06-22)

Note: Version bump only for package sandpack

1.1.6 (2022-06-20)

Bug Fixes

• client/react: make Template more accessible and do a deep equal on react context (#504) (31980f8)

1.1.5 (2022-06-14)

Bug Fixes

• sandpack options: recreate sandpack context on options change and persist visible file in file-explorer (#498) (1064bd0)

1.1.4 (2022-06-13)

Note: Version bump only for package sandpack

1.1.3 (2022-06-07)

Bug Fixes

• file-explorer: adds property not to show hidden files (#488) (1048fe9)

1.1.2 (2022-06-06)

Bug Fixes

• theme: set color-scheme css property in theme context (#491) (35342a3)

1.1.1 (2022-06-01)

Bug Fixes

• showOpenInCodeSandbox: pass prop to loading component (#486) (ba81506)

1.1.0 (2022-05-31)

Features

• client: refactor iFrame fs protocol (#483) (28f93d0)

1.0.4 (2022-05-27)

Bug Fixes

• release-script: trigger release (#480) (46890fd)

1.0.3 (2022-05-27)

Bug Fixes

• codemirror: remove inline props (#477) (b3d9c63)

1.0.2 (2022-05-26)

Bug Fixes

• package registry: trigger deploy (#475) (551c7c0)

1.0.1 (2022-05-25)

Bug Fixes

• theme context component: extend props support (#472) (a11dce4)

1.0.0 (2022-05-25)

Features

• react/client: BREAKING CHANGES (#375) (20a8993)

0.19.10 (2022-05-25)

Bug Fixes

• codemirror: watch extensions changes from props (#469) (10ac96a)
• editor: prefer useId when available (#461) (a7187db)

0.19.9 (2022-05-23)

Bug Fixes

• client: console message methods (1b76dcf)

0.19.8 (2022-05-23)

Bug Fixes

• sandpack messages: add console type (3edcb4d)

0.19.7 (2022-05-16)

Bug Fixes

• inline-error: check if error message has a valid value (#466) (b088a2e)

0.19.6 (2022-05-02)

Bug Fixes

• readonly: toggle remounting (#456) (b4162bc)

0.19.5 (2022-05-02)

Bug Fixes

• updatefile: update all clients (#455) (fc2e13c)

0.19.4 (2022-04-29)

Bug Fixes

• updatefile: support multiple files (#453) (a05faac)

0.19.3 (2022-04-27)

Bug Fixes

• codeeditor: ensure selections are inside of the document length (#452) (7391c6e)

0.19.2 (2022-04-26)

Bug Fixes

• solid template: deprecate beta version (#451) (8278c71)

0.19.1 (2022-04-26)

Bug Fixes

• client: update bundler version (#450) (1b6a663)

0.19.0 (2022-04-21)

Features

• template: add solidjs (beta) (#447) (7b03882)

0.18.2 (2022-04-19)

Bug Fixes

• sandpack: expose showOpenInCodeSandbox prop (#443) (f5b9eda)

0.18.1 (2022-04-12)

Bug Fixes

• custom-setup: add dev-dependencies (#436) (df2f906)

0.18.0 (2022-03-31)

Features

• file-resolver protocol error handling (#427) (c3b3cca)

0.17.1 (2022-03-30)

Note: Version bump only for package sandpack

0.17.0 (2022-03-30)

Features

• preview: consume client (#425) (ec854c1)

0.16.1 (2022-03-29)

Note: Version bump only for package sandpack

0.16.0 (2022-03-27)

Bug Fixes

• Add year and company name to license (#417) (d3adcac)

Features

• preview: additional content in preview container (#422) (98103a8)

0.15.2 (2022-03-18)

Bug Fixes

• loglevel: set default (#418) (abf0243)

0.15.1 (2022-03-18)

Bug Fixes

• format & lint [skip ci] (#413) (95ce023)

0.15.0 (2022-03-16)

Features

• Add slot for additional buttons (#412) (7a59d18)

0.14.9 (2022-03-14)

Bug Fixes

• environment: remove sse envs (#410) (cf65e50)

0.14.8 (2022-03-11)

Bug Fixes

• client: prevent add route into the main page browser history (#407) (1e5230a)

0.14.7 (2022-03-10)

Bug Fixes

• logo: update icons (#402) (e7b0e46)

0.14.6 (2022-03-10)

Bug Fixes

• codemirror: persist selection position on code change (#406) (65534eb)

0.14.5 (2022-03-07)

Bug Fixes

• side effect should contain css (#396) (4c2b149)

0.14.4 (2022-03-07)

Note: Version bump only for package sandpack

0.14.3 (2022-02-23)

Bug Fixes

• codeviewer: make CM view read-only (#390) (56ac9f2)

0.14.2 (2022-02-22)

Note: Version bump only for package sandpack

0.14.1 (2022-02-21)

Bug Fixes

• read-only: make editor-state read-only not only editor-view (#386) (5a6a973)

0.14.0 (2022-02-18)

Features

• add loglevel to sandpack opts (#378) (a3216e8)

0.13.15 (2022-02-11)

Note: Version bump only for package sandpack

0.13.14 (2022-02-09)

Note: Version bump only for package sandpack

0.13.13 (2022-02-08)

Bug Fixes

• codemirror instance: refresh instance on rerender (#365) (930c7be)

0.13.12 (2022-02-08)

Bug Fixes

• open cdb: move window api to useeffect (#362) (7b40dc2)

0.13.11 (2022-02-07)

Bug Fixes

• OpenInCodeSandboxButton: preserve ?file= param for big sandboxes (#357) (85f126d)

0.13.10 (2022-02-03)

Note: Version bump only for package sandpack

0.13.9 (2022-02-02)

Bug Fixes

• initMode: improve the reliability of the "user-visible" mode (#343) (177f0ab)

0.13.8 (2022-01-27)

Bug Fixes

• codemirror: adds language extension as classname (#334) (9155a1e)
• init-mode: reset bundler state on unmount (#337) (98d4745)

0.13.7 (2022-01-26)

Note: Version bump only for package sandpack

0.13.6 (2022-01-26)

Bug Fixes

• editorstate: watch changes on files instead of each method (#333) (75ebadb)

0.13.5 (2022-01-21)

Note: Version bump only for package sandpack

0.13.4 (2022-01-20)

Bug Fixes

• scrollbar: remove hijack custom style (#315) (5781e97)

0.13.3 (2022-01-20)

Bug Fixes

• calculateNearestUniquePath: ensures unique paths (#311) (a337269)

0.13.2 (2022-01-20)

Bug Fixes

• codemirror: shift approach to remove placeholder (#310) (4021b16)

0.13.1 (2022-01-14)

Bug Fixes

• ui: visual regression (#304) (ced8b49)

0.13.0 (2022-01-14)

Bug Fixes

• who's using: remove csb (#299) (b20d498)

Features

• files: read-only mode (#300) (9d5d1bf)

0.12.0 (2022-01-11)

Features

• codeeditor: support to extensions (#286) (47e73a9)

0.11.0 (2022-01-11)

Features

• icons: export sandpack icons (#288) (ec184f7)

0.10.12 (2022-01-07)

Bug Fixes

• init-mode: avoid unnecessary unmonted state (#294) (8a8bc11)

0.10.11 (2022-01-05)

Bug Fixes

• react-devtools: legacy mode (#272) (4891ba4)

0.10.10 (2021-12-29)

Bug Fixes

• filetab: not show files that doesn't exist (#283) (053d695)

0.10.9 (2021-12-28)

Bug Fixes

• entry/files: prevent mismatch with pathname (#268) (b618daf)

0.10.8 (2021-12-28)

Note: Version bump only for package sandpack

0.10.7 (2021-12-28)

Note: Version bump only for package sandpack

0.10.6 (2021-12-17)

Note: Version bump only for package sandpack

0.10.5 (2021-12-16)

Note: Version bump only for package sandpack

0.10.4 (2021-12-15)

Bug Fixes

• codemirror: line-height/gutter] calculation (#262) (77f3f04)

0.10.3 (2021-12-14)

Bug Fixes

• lint errors (#234) (2d51830)

0.10.2 (2021-12-10)

Bug Fixes

• docs: react dev tools layout (54eeaaa)
• react: correct types for resting props (#251) (eff38a6)

0.10.1 (2021-12-09)

Bug Fixes

• react-devtool: add dependency (#249) (d569a6e)

0.10.0 (2021-12-09)

Bug Fixes

• react: duplicated import (512f814)

Features

• react: react devtool (#236) (a67e1b2)

0.9.14 (2021-12-09)

Bug Fixes

• landing: set pointerEvents to avoid reset button overlap (#245) (51be6cf)
• react-context: expose clients (#241) (f47295d)
• react: ensure hidden files even for templates (#231) (a1461a0)

0.9.13 (2021-12-08)

Bug Fixes

• client: support reactdevtools (7f0373f)

0.9.12 (2021-12-08)

Bug Fixes

• docs url (#244) (ff40f97)
• docs: typo (3134081)
• open in codesandbox button: optimize for long sandoxes (#120) (3ad5261)

0.9.11 (2021-12-05)

Bug Fixes

• add feedback for clipboard button (#235) (21a0337)
• types: react components not actually accepting children (#239) (44af959)

0.9.10 (2021-12-03)

Note: Version bump only for package sandpack

0.9.9 (2021-12-03)

Note: Version bump only for package sandpack

0.9.8 (2021-12-02)

Bug Fixes

• amplitude (#213) (2ce34d4)
• cropped tabs (#215) (4939202)

0.9.7 (2021-12-01)

Bug Fixes

• leverege -> leverage (#210) (6915d24)

0.9.6 (2021-11-30)

Bug Fixes

• landing - global styles (#205) (32cc3bd)

0.9.5 (2021-11-30)

Features

• landing - animate hero (#197) (6ba7ea1)

0.9.4 (2021-11-30)

Bug Fixes

• landing: shift fonts import (#201) (455684e)

0.9.3 (2021-11-30)

Note: Version bump only for package sandpack

0.9.2 (2021-11-29)

Bug Fixes

• landing - users logos (#188) (06f8170)

0.9.1 (2021-11-25)

Bug Fixes

• init-mode: render placeholder (#187) (04b0286)

0.9.0 (2021-11-25)

Features

• template: svelte (#182) (2d0c85c)

0.8.0 (2021-11-25)

Bug Fixes

• landing - showcase preview size on smaller bps (#185) (f7bda3d)
• landing: update animation trigger (#184) (8c94cd7)

Features

• react: initilization mode (#152) (53d9195)

0.7.3 (2021-11-25)

Note: Version bump only for package sandpack

0.7.2 (2021-11-25)

Bug Fixes

• landing: ui tweaks (#176) (5ecf9ed)

Features

• landing - update showcase structure (#181) (b35eef3)

0.7.1 (2021-11-24)

Bug Fixes

• bundler: make sure transpiled files are cut (ef11a7c)
• landing: remove ssr from index (#169) (c7e7f2e)

0.7.0 (2021-11-23)

Features

• landing - parallax logo in banner (#165) (e2ad885)
• landing - update og content (#163) (c0c92e6)
• landing: add examples section (#160) (5a0b279)
• update card description code snippets (#166) (7d5706f)

0.6.0 (2021-11-22)

Features

• landing - adds gitlab to users section (#164) (fa885a1)

0.5.4 (2021-11-19)

Note: Version bump only for package sandpack

0.5.3 (2021-11-19)

Note: Version bump only for package sandpack

0.5.2 (2021-11-19)

Note: Version bump only for package sandpack

0.5.1 (2021-11-19)

Note: Version bump only for package sandpack

0.5.0 (2021-11-19)

Features

• landing: advanced usage animated examples (#157) (fde82a5)

0.4.1 (2021-11-18)

Note: Version bump only for package sandpack

0.4.0 (2021-11-18)

Features

• landing: misc tweaks (#156) (37109ad)

0.3.10 (2021-11-18)

Note: Version bump only for package sandpack

0.3.9 (2021-11-17)

Note: Version bump only for package sandpack

0.3.8 (2021-11-16)

Bug Fixes

• landing: ui feedbacks (#149) (49bfe6f)

0.3.7 (2021-11-16)

Note: Version bump only for package sandpack

0.3.6 (2021-11-16)

Note: Version bump only for package sandpack

0.3.5 (2021-11-15)

Note: Version bump only for package sandpack

0.3.4 (2021-11-15)

Note: Version bump only for package sandpack

0.3.3 (2021-11-15)

Note: Version bump only for package sandpack

0.3.2 (2021-11-15)

Note: Version bump only for package sandpack

0.3.1 (2021-11-15)

Bug Fixes

• react: dedupe deps (#145) (bc86c31)

0.3.0 (2021-11-15)

Features

• template: add vanilla typescript (#130) (d33eeb9)

0.2.3 (2021-11-11)

Note: Version bump only for package sandpack

0.2.2 (2021-11-11)

Bug Fixes

• react-layout: remove max-height limit for print media (#121) (e0001a5)

0.2.1 (2021-11-10)

Note: Version bump only for package sandpack

0.2.0 (2021-11-10)

Features

• template: add react typescript (#114) (96aaac8)

0.1.20 (2021-11-08)

Bug Fixes

• codemirror: upgrade dependencies (#125) (7cbf7f1)

0.1.19 (2021-11-04)

Bug Fixes

• bundler: reduce retry count for jsdelivr if it fails to load (0712fe1)

0.1.18 (2021-11-04)

Note: Version bump only for package sandpack

0.1.17 (2021-11-04)

Bug Fixes

• react: make instructions elements ids unique (#123) (3bd8a78)

0.1.16 (2021-11-03)

Bug Fixes

• react: do not translate code blocks and error messages (#117) (c09acfc)

Reverts

• Revert "visual changes" (f293b0d)