PromptUI - AI Component Generator for VS Code

Generate production-ready UI components from natural language, directly in your editor.

Install from Marketplace | Try Web Playground | Documentation

✨ Features

🚀 Instant Generation - Type a prompt, get production code in seconds
🎨 Multiple Formats - Choose between CDN, React, or NPM output
📄 PRD Support - Paste your PRD, get complete UIs with multiple components
👀 Preview First - Review generated code before inserting
⚡ No Setup - Works out of the box, no API key needed

🎯 Quick Start

Generate a Component

Press Cmd+Shift+U (Mac) or Ctrl+Shift+U (Windows/Linux)
Enter your prompt: "create a table with user data"
Choose format: CDN / React / NPM
Review preview
Click "Insert Code" ✅

Generate from PRD

Open Command Palette (Cmd+Shift+P)
Type "PromptUI: Generate from PRD"
Paste your PRD or select text in editor
Choose format
Get complete multi-component UI

📦 Output Formats

CDN (Web Components)

Perfect for vanilla JS projects or quick prototypes.

<script src="https://cdn.uxclicks.com/v1/promptui.js"></script>
<promptui-table id="my-table"></promptui-table>

React

For React/Next.js projects.

import { Table } from '@promptui/react';

function MyTable() {
  return <Table columns={...} data={...} />;
}

NPM (Pure JS)

For advanced use cases with full control.

import { PromptUITable } from '@promptui/cdn';
const table = new PromptUITable({...});

🎮 Commands

Command	Shortcut	Description
PromptUI: Generate Component	`Cmd+Shift+U`	Generate single component from prompt
PromptUI: Generate from PRD	-	Generate from Product Requirements Document

⚙️ Settings

Setting	Default	Description
`promptui.defaultOutputFormat`	`cdn`	Default format (cdn/react/npm)
`promptui.showPreview`	`true`	Show preview before inserting
`promptui.apiEndpoint`	`https://uxclicks.com`	API endpoint

🚀 Examples

Simple Component

Prompt: "create a login form"
Output: Complete login form with email, password, and submit button

Complex Dashboard

PRD: "Build a user management dashboard with:
- Table showing all users
- Click row to open modal with details
- Edit button in modal
- Create new user button"

Output: Complete bundle with table, modal, forms, and interactions

Data Visualization

Prompt: "create a graph showing monthly revenue"
Output: Interactive graph with sample data

🎨 Features

35+ Production Components

Tables, Forms, Modals, Cards
Graphs, Charts, Dashboards
Navigation, Tabs, Breadcrumbs
And many more...

Brand Theming

Provide 5 brand colors, get complete theme system automatically.

Zero Lock-in

All generated code is yours. Copy and modify as needed.

No Rate Limits (Currently)

Free and open during launch period.

🐛 Known Limitations

PRD parsing is rate-limited (5 per hour per IP)
Requires internet connection
Preview doesn't execute code (only displays)

📚 Resources

🔒 Privacy

Only your prompts are sent to our API
No code from your project is sent
No telemetry or tracking
See Privacy Policy

📝 License

MIT License - Free to use, modify, and distribute

🙏 Support

Found a bug? Have a feature request?

Open an issue
Email: support@uxclicks.com

Made with ❤️ by the PromptUI team