# Code Editor components

> Integrate code editing features with 5 React code editor components, perfect for developer tools and Next.js dashboards.

9 components available. Showing all of them below.

- [Code Editor Sheet](https://21st.dev/@bankkroll/components/code-editor-sheet.md) — by Bankk
- [Sandbox](https://21st.dev/@haydenbleasel/components/sandbox.md) — by Hayden Bleasel
- [Code Editor](https://21st.dev/@lovesickfromthe6ix/components/code-editor.md) — by scott clayton
- [File Viewer](https://21st.dev/@bankkroll/components/file-viewer.md) — by Bankk
- [API Playground](https://21st.dev/@nparashar150/components/api-playground.md) — by Naman Parashar
- [Edit Tool](https://21st.dev/@serafimcloud/components/edit-tool/write-tool.md) — by Serafim
- [Vortex](https://21st.dev/@xubohuah/components/vortex.md) — by KainXu
- [Input Group](https://21st.dev/@shadcn/components/input-group/textarea.md) — by shadcn
- [Code Snippets 3](https://21st.dev/@deltacomponents/components/code-snippets-3/c-20-custom-theme.md) — by deltacomponents

Full component directory: https://21st.dev/llms.txt