Quick Start Guide

Get started with PromptUI in 5 minutes. Generate your first component and deploy it.

Get Your API Key

Generate a Component

Use the playground to describe your component in natural language. For example:

"Create a table with pagination and search"

The AI generates production-ready code instantly. Preview it, then copy the code you need.

Choose Your Integration Method

Option A: CDN (Copy-Paste)

Works with any framework - React, Vue, Angular, or vanilla JS. Just copy the HTML/JS code.

<script 
  src="https://www.uxclicks.com/cdn/v1/promptui.js" 
  data-api-key="YOUR_API_KEY"
></script>
<promptui-table id="my-table"></promptui-table>
<script>
  document.getElementById('my-table').configure({
    // Your config here
  });
</script>

Option B: npm Package (React)

Native React components with full TypeScript support. Works in functional and class components.

npm install promptui-react

import { Table } from 'promptui-react';

function MyApp() {
  return <Table {...props} />;
}

Deploy

That's it! Your component is ready to use. Copy the generated code, paste it into your project, and deploy.