Reactive MD

Literate UI/UX for product teams — preview React components instantly in VS Code.

Quick Links

• 📦 VS Code Marketplace
• 🐛 Report Issues

✨ Key Features

Feature	Description
⚡ Live Reload	See changes as you type — no manual refresh
📝 Markdown Fences	jsx live renders inline in markdown preview
🎨 Tailwind v4	Full utility support, zero config
📦 npm Packages	Most packages work via esm.sh CDN
🔍 CodeLens	Click "▶ Preview" above exported components
🎯 TypeScript	Full .tsx support with type stripping

Installation

1. Open VS Code
2. Press Cmd+Shift+X (Mac) or Ctrl+Shift+X (Windows/Linux)
3. Search for "Reactive MD"
4. Click Install

Or install from the command line:

code --install-extension million-views.reactive-md

🚀 Quick Start

Option 1: JSX/TSX Files

1. Open any .jsx or .tsx file
2. Press Cmd+K P (Mac) / Ctrl+K P (Windows/Linux)
3. Start coding — preview updates live!

Option 2: Markdown Code Fences

```jsx live
function Hello() {
  return <h1 className="text-2xl font-bold text-blue-600">Hello World!</h1>;
}
```

Press Cmd+Shift+V for markdown preview, or Cmd+K P for interactive mode.

Recipes

The recipes/ folder contains examples of what's possible with Reactive MD — from simple components to self-contained project folders with local imports.

Contributing

We welcome contributions! Please see:

• recipes/ - Example templates and patterns
• Issues - Report bugs or request features

License

MIT © Million Views