Source: https://seerepo.com/r/codesandbox/codesandbox-client/built
Markdown source: https://seerepo.com/r/codesandbox/codesandbox-client/built.md
Description: codesandbox-client is a JavaScript repo built with React, react-router-dom, phoenix, and Preact. It stores its data in store and watches its errors with Sentry.

# What is codesandbox-client built with?

codesandbox-client is a JavaScript repo built with React, react-router-dom, phoenix, and Preact. It stores its data in store, watches its errors with Sentry, makes its content with image-extensions, is tested with Puppeteer, jest-image-snapshot, jest-styled-components, and react-test-renderer, and uses localforage and Dropbox. It has 1,045,244 written lines, with 305 test files.

Read on November 9, 2026, at commit dcba8eb.

Repository: https://github.com/codesandbox/codesandbox-client

## Support (/)

### Testing

- **Puppeteer**: 1 file

### Other

- **Lodash**: 1 file
- **username**: 1 file

## Frontend (packages/app)

### The base

- **[React](https://seerepo.com/uses/react)**: 288 files
- **[react-router-dom](https://seerepo.com/uses/react-router-dom)**: 56 files

### Styles

- **[styled-components](https://seerepo.com/uses/styled-components)**: 115 files
- **Normalize.css**: 2 files
- **fontfaceobserver**: 1 file
- **glamor**: 1 file
- **postcss-flexbugs-fixes**: 1 file
- **postcss-normalize**: 1 file
- **postcss-preset-env**: 1 file

### Interface

- **[react-dnd](https://seerepo.com/uses/react-dnd)**: 13 files
- **[Framer](https://seerepo.com/uses/framer)**: 12 files
- **[react-dnd-html5-backend](https://seerepo.com/uses/react-dnd-html5-backend)**: 5 files
- **[codemirror](https://seerepo.com/uses/codemirror)**: 4 files
- **vanilla-cookieconsent**: 3 files
- **[xterm](https://seerepo.com/uses/xterm)**: 3 files
- **reach**: 2 files
- **react-spring**: 2 files
- **CodeSandbox**: 1 file
- **downshift**: 1 file
- **GSAP**: 1 file
- **react-modal**: 1 file
- **react-split-pane**: 1 file
- **[react-virtualized-auto-sizer](https://seerepo.com/uses/react-virtualized-auto-sizer)**: 1 file
- **[react-window](https://seerepo.com/uses/react-window)**: 1 file

### Icons

- **[react-icons](https://seerepo.com/uses/react-icons)**: 26 files

## Backend (packages/app)

### Data

- **store**: 2 files

### Services

- **[Sentry](https://seerepo.com/uses/sentry)**: 1 file · [packages/common/src/utils/analytics/sentry.ts, line 1](https://github.com/codesandbox/codesandbox-client/blob/dcba8ebc49cd46838e298cfa1501811ac67fb0c9/packages/common/src/utils/analytics/sentry.ts#L1)

## Support (packages/app)

### The base

- **phoenix**: 2 files

### Testing

- **jest-image-snapshot**: 1 file
- **jest-styled-components**: 1 file
- **Puppeteer**: 1 file
- **react-test-renderer**: 1 file

### Tools

- **Webpack**: 4 files
- **source-map**: 3 files
- **webpack-merge**: 3 files
- **terser-webpack-plugin**: 2 files
- **babel-plugin-codegen**: 1 file
- **case-sensitive-paths-webpack-plugin**: 1 file
- **codesandbox-import-utils**: 1 file
- **copy-webpack-plugin**: 1 file
- **ESLint**: 1 file
- **html-webpack-plugin**: 1 file
- **ignore**: 1 file
- **mini-css-extract-plugin**: 1 file
- **react-hot-loader**: 1 file
- **resolve**: 1 file
- **script-ext-html-webpack-plugin**: 1 file
- **thread-loader**: 1 file
- **webpack-bundle-analyzer**: 1 file
- **webpack-manifest-plugin**: 1 file
- **webpackbar**: 1 file

### Other

- **Lodash**: 23 files
- **react-helmet**: 14 files
- **date-fns**: 9 files
- **date-fns-tz**: 6 files
- **graphql-tag**: 5 files
- **humps**: 4 files
- **react-apollo**: 4 files
- **Axios**: 3 files
- **color**: 2 files
- **dot-object**: 2 files
- **filesize**: 2 files
- **jszip**: 2 files
- **leva**: 2 files
- **outvariant**: 2 files
- **util**: 2 files
- **apollo-link-context**: 1 file
- **file-saver**: 1 file
- **fuse.js**: 1 file
- **https-browserify**: 1 file
- **Immer**: 1 file
- **match-sorter**: 1 file
- **onigasm**: 1 file
- **punycode**: 1 file
- **react-use**: 1 file
- **resize-observer-polyfill**: 1 file
- **SemVer**: 1 file
- **string_decoder**: 1 file
- **string-similarity**: 1 file
- **ua-parser-js**: 1 file
- **use-debounce**: 1 file
- **uuid**: 1 file
- **whatwg-fetch**: 1 file

## Support (packages/app/src/app/overmind/effects/vscode/LinterWorker)

### Tools

- **babel-eslint**: 1 file
- **ESLint**: 1 file
- **eslint-plugin-import**: 1 file
- **eslint-plugin-jsx-a11y**: 1 file
- **eslint-plugin-react-hooks**: 1 file
- **typescript-eslint**: 1 file

### Other

- **SemVer**: 1 file

## Frontend (packages/common)

### The base

- **[React](https://seerepo.com/uses/react)**: 62 files
- **[react-router-dom](https://seerepo.com/uses/react-router-dom)**: 1 file

### Styles

- **[styled-components](https://seerepo.com/uses/styled-components)**: 37 files

### Interface

- **react-spring**: 2 files
- **@tippy.js/react**: 1 file

### Icons

- **[react-icons](https://seerepo.com/uses/react-icons)**: 30 files

## Backend (packages/common)

### Services

- **[Sentry](https://seerepo.com/uses/sentry)**: 1 file · [packages/common/src/utils/analytics/sentry.ts, line 1](https://github.com/codesandbox/codesandbox-client/blob/dcba8ebc49cd46838e298cfa1501811ac67fb0c9/packages/common/src/utils/analytics/sentry.ts#L1)

## Support (packages/common)

### Content

- **image-extensions**: 1 file

### Tools

- **babel-plugin-preval**: 1 file

### Other

- **color**: 4 files
- **Lodash**: 3 files
- **SemVer**: 3 files
- **@amplitude/analytics-browser**: 1 file
- **date-fns**: 1 file
- **debug**: 1 file
- **dot-object**: 1 file
- **humps**: 1 file
- **lodash-es**: 1 file
- **memoize-one**: 1 file
- **sha1**: 1 file

## Frontend (packages/components)

### The base

- **[React](https://seerepo.com/uses/react)**: 37 files
- **[react-router-dom](https://seerepo.com/uses/react-router-dom)**: 2 files

### Styles

- **[styled-components](https://seerepo.com/uses/styled-components)**: 30 files

### Interface

- **reach**: 6 files

## Support (packages/components)

### Other

- **deepmerge**: 6 files
- **color**: 2 files
- **dot-object**: 2 files

## Support (packages/deps)

### Tools

- **tern**: 1 file

## Support (packages/executors)

### Other

- **Axios**: 1 file
- **debug**: 1 file
- **socket.io-client**: 1 file

## Support (packages/node-services)

### Tools

- **resolve**: 1 file

### Other

- **events**: 4 files
- **constants-browserify**: 1 file
- **debug**: 1 file
- **https-browserify**: 1 file
- **punycode**: 1 file
- **stream-browserify**: 1 file
- **string_decoder**: 1 file

## Frontend (packages/notifications)

### The base

- **[React](https://seerepo.com/uses/react)**: 8 files

### Styles

- **[styled-components](https://seerepo.com/uses/styled-components)**: 1 file

### Interface

- **react-spring**: 1 file

## Support (packages/notifications)

### Other

- **uuid**: 1 file

## Frontend (packages/react-embed)

### The base

- **[React](https://seerepo.com/uses/react)**: 2 files

## Support (packages/react-embed)

### Other

- **Babel**: 1 file

## Support (packages/sandbox-hooks)

### Tools

- **react-dev-utils**: 1 file
- **source-map**: 1 file

## Backend (packages/sandpack-core)

### Data

- **[localforage](https://seerepo.com/uses/localforage)**: 1 file

## Support (packages/sandpack-core)

### Tools

- **gensync**: 4 files
- **source-map**: 1 file

### Other

- **Lodash**: 4 files
- **SemVer**: 3 files
- **Babel**: 1 file
- **fs-extra**: 1 file
- **hash-sum**: 1 file
- **micromatch**: 1 file
- **minimatch**: 1 file
- **node-fetch**: 1 file
- **p-queue**: 1 file
- **querystring**: 1 file
- **strip-json-comments**: 1 file

## Support (packages/vue3-browser-compiler)

### Tools

- **@vue/compiler-sfc**: 1 file

## Support (packages/vue3-transpiler)

### Other

- **querystring**: 4 files
- **hash-sum**: 1 file

## Backend (standalone-packages/codesandbox-browserfs)

### Services

- **Dropbox**: 1 file · [standalone-packages/codesandbox-browserfs/src/backend/Dropbox.ts, line 8](https://github.com/codesandbox/codesandbox-client/blob/dcba8ebc49cd46838e298cfa1501811ac67fb0c9/standalone-packages/codesandbox-browserfs/src/backend/Dropbox.ts#L8)

## Support (standalone-packages/codesandbox-browserfs)

### Other

- **async**: 1 file
- **buffer**: 1 file
- **events**: 1 file
- **pako**: 1 file

## Frontend (standalone-packages/monaco-typescript)

### Interface

- **monaco-editor-core**: 1 file

## Frontend (standalone-packages/sse-loading-screen)

### Interface

- **GSAP**: 1 file
- **[xterm](https://seerepo.com/uses/xterm)**: 1 file

## Support (standalone-packages/sse-loading-screen)

### The base

- **[Preact](https://seerepo.com/uses/preact)**: 2 files

### Other

- **Axios**: 1 file
- **socket.io-client**: 1 file

## Support (standalone-packages/vscode-textmate)

### Tools

- **gulp**: 1 file
- **vscode-oniguruma**: 1 file

### Other

- **object-assign**: 1 file
- **onigasm**: 1 file

## Other repos with a similar stack

- [appsmithorg/appsmith](https://seerepo.com/r/appsmithorg/appsmith/built): React, react-router-dom, Sentry, localforage, styled-components, react-dnd, react-dnd-html5-backend, codemirror, react-spring, react-modal, react-window · [Compare](https://seerepo.com/compare/appsmithorg/appsmith/vs/codesandbox/codesandbox-client)
- [strapi/strapi](https://seerepo.com/r/strapi/strapi/built): React, react-router-dom, Sentry, styled-components, react-dnd, react-dnd-html5-backend, react-window · [Compare](https://seerepo.com/compare/codesandbox/codesandbox-client/vs/strapi/strapi)
- [gatsbyjs/gatsby](https://seerepo.com/r/gatsbyjs/gatsby/built): React, styled-components, Normalize.css, glamor, postcss-flexbugs-fixes, react-icons · [Compare](https://seerepo.com/compare/codesandbox/codesandbox-client/vs/gatsbyjs/gatsby)
- [usebruno/bruno](https://seerepo.com/r/usebruno/bruno/built): React, styled-components, react-dnd, react-dnd-html5-backend, codemirror, xterm · [Compare](https://seerepo.com/compare/codesandbox/codesandbox-client/vs/usebruno/bruno)
- [RocketChat/Rocket.Chat](https://seerepo.com/r/RocketChat/Rocket.Chat/built): React, react-router-dom, localforage, Preact, codemirror, react-split-pane · [Compare](https://seerepo.com/compare/codesandbox/codesandbox-client/vs/RocketChat/Rocket.Chat)
- [ToolJet/ToolJet](https://seerepo.com/r/ToolJet/ToolJet/built): React, react-router-dom, Sentry, react-dnd, react-dnd-html5-backend, react-spring · [Compare](https://seerepo.com/compare/codesandbox/codesandbox-client/vs/ToolJet/ToolJet)

## Frequently asked questions

### What language is codesandbox-client written in?

codesandbox-client is written in JavaScript, with 1,045,244 written lines.

### What framework does codesandbox-client use?

codesandbox-client is built with React, react-router-dom, phoenix, and Preact.

### What database does codesandbox-client use?

codesandbox-client stores its data in store.

### What services does codesandbox-client use?

codesandbox-client watches its errors with Sentry and uses localforage and Dropbox.

The proof: [packages/common/src/utils/analytics/sentry.ts, line 1](https://github.com/codesandbox/codesandbox-client/blob/dcba8ebc49cd46838e298cfa1501811ac67fb0c9/packages/common/src/utils/analytics/sentry.ts#L1)

### Does codesandbox-client have tests?

Yes. codesandbox-client has 305 test files and is tested with Puppeteer, jest-image-snapshot, jest-styled-components, and react-test-renderer.

### Which repos have a stack like codesandbox-client's?

The ones that share most of its stack: appsmithorg/appsmith, strapi/strapi, and gatsbyjs/gatsby.

## What is your repo built with?

Any public repo, with no account: https://seerepo.com/r/owner/repo/built, with the owner and name it has on GitHub.