codespark
  • Docs
  • Showcase
  • Playground

Introduction

What is CodesparkGetting StartedUsage

Features

Multi-file SupportSmart ImportsCSSDark ModeMarkdownGlobal ConfigModular

Advanced

WorkspaceFile SystemFramework

Integrations

MonacoMDXalmostnode

API Reference

FrameworksPlugins

Dark Mode

Enable dark mode to match your design system.

Codespark has a fluent dark mode that matches your design system perfectly. Use the theme prop to enable dark mode. Click the theme toggle button on the right side of the page header to preview the dark mode effect.

< ="
  • light
  • dark
" />
App.tsx

Last updated on

CSS

Learn how to style your components using Tailwind CSS, CSS files, and injection components

Markdown

Render markdown content with Codespark.