Everything you need to know about PromptUI
PromptUI is an AI-powered platform that generates production-ready UI components from natural language descriptions. Simply describe what you need (like 'create a users table with name and email'), and get working code in seconds that you can copy-paste into your project.
Traditional component libraries require you to read documentation, learn their API, and write code. PromptUI generates the complete, configured component for you. Instead of spending hours reading docs and coding, you describe what you want and get production-ready code instantly. Plus, PromptUI works with any framework - vanilla JS, React, Vue, Angular, etc.
No installation required! PromptUI works via CDN - just add a single script tag to your HTML and you're ready to go. We also offer an npm package (@promptui/react) for React users who prefer that approach.
PromptUI works everywhere! We provide vanilla JavaScript web components that work in any framework: React, Next.js, Vue, Angular, Svelte, vanilla JavaScript, and more. The generated code includes examples for both CDN (works everywhere) and npm (React-specific) approaches.
You describe what you need in plain English (e.g., 'create a table with user data'). Our AI analyzes your prompt, understands your requirements, and generates a complete, configured component with sample data. The AI has been trained on thousands of component configurations and understands context, synonyms, and common patterns.
No! PromptUI components run entirely in the browser and call YOUR API directly. We never see, store, or proxy your data. Your data flows from your browser → your API → back to your browser. PromptUI only provides the UI components, not the data layer.
Absolutely! Every component supports extensive customization through props, CSS variables, and brand colors. You can customize colors, sizes, layouts, behaviors, and more. The generated code shows you all available customization options.
All generated code is fully editable. You can copy it, modify it, and use it however you want. There's no lock-in - the code is yours. You can even export components as standalone files and maintain them yourself.
We currently support 35+ production-ready components including: Tables (with sorting, filtering, pagination), Modals, Forms, Inputs, Dropdowns, Graphs/Charts, File Upload, Navigation (Navbar, Sidebar), Feedback (Alerts, Toasts), Layout (Cards, Hero, Accordion), and more. We're constantly adding new components based on user feedback.
Yes! Our components support both client-side and server-side data. You can configure API endpoints for server-side pagination, sorting, filtering, and more. Components handle loading states, error handling, and data transformations automatically.
Yes! PromptUI supports 'bundles' - multiple components that work together. For example, you can say 'create a table and when I click a row, open a modal' and PromptUI will generate both components with the interaction logic already wired up.
Brand Colors let you provide 5 colors (primary, secondary, success, warning, error) and PromptUI automatically generates all necessary color variations (shades, hover states, disabled states, etc.) and applies them to your component. This ensures consistent theming across all your components without manual CSS work.
Yes! All components support both light and dark modes out of the box. You can set the theme per component or use auto-detection based on user's system preferences.
Yes! All PromptUI components support automation testing through the qaPrefix prop.
When you configure a component with qaPrefix (e.g., 'myapp'), all actionable elements automatically get data-qa-id attributes. This makes it easy for your QA team to write stable, reliable test automation.
Example: A table with qaPrefix='myapp' will generate selectors like:
myapp-table-header-name-sort (sortable column headers)myapp-table-row-0-click (clickable table rows)myapp-table-pagination-next (pagination buttons)myapp-button-click (buttons)myapp-input-change (input fields)myapp-dropdown-option-0 (dropdown options)Supported testing frameworks: Cypress, Playwright, Selenium, WebdriverIO, TestCafe, and any other E2E testing tool that can query by CSS selectors.
Usage: Simply add qaPrefix: 'myapp' to your component configuration, and all actionable elements will automatically get the appropriate data-qa-id attributes. No manual work required!
PromptUI works on all modern browsers: Chrome, Firefox, Safari, Edge (latest 2 versions). We use web components (custom elements) which are supported in all modern browsers. For older browsers, you may need polyfills.
Yes! We provide full TypeScript support with type definitions for all components, props, and callbacks. The npm package (@promptui/react) includes complete TypeScript declarations.
PromptUI is optimized for performance. Components are lazy-loaded (only load what you use), use virtual scrolling for large datasets, and are bundled efficiently. The CDN uses global caching, so components load in <100ms after the first visit.
Yes, for Enterprise customers. The self-hosted option includes a Docker container, Kubernetes deployment configs, and on-premise installation support. Contact us for more details.
All PromptUI components follow WCAG 2.1 AA guidelines. They include proper ARIA labels, keyboard navigation, screen reader support, and focus management. Accessibility is a core priority for us.
Yes! Enterprise plans include API access for programmatic component generation, CI/CD integration, and automation. Contact us for API documentation.
PromptUI components can call any REST API. Just provide the endpoint URL, HTTP method, headers (for authentication), and optional transform function to map your API response to the expected format. Components handle loading states, errors, retries, and CORS automatically.
Yes! While our components are optimized for REST APIs, you can use GraphQL by providing a transform function that calls your GraphQL client and maps the response.
Absolutely! PromptUI works great with Next.js. Use the CDN approach with client components or our @promptui/react package. We provide specific examples for Next.js App Router and Pages Router.
PromptUI components don't handle authentication - that's your responsibility. However, you can easily pass authentication tokens (JWT, API keys, etc.) via headers in the API configuration. Components will include these headers in all API requests.
Yes! PromptUI components run in your browser and call your API directly - we never see your data. API keys are validated but not logged. We use industry-standard encryption (HTTPS/TLS) for all communications. For sensitive applications, we offer self-hosted options.
API keys are hashed (not encrypted) in our database using industry-standard algorithms. We store a prefix for display purposes but never store the full key. Once generated, you're responsible for storing your key securely.
No. We do not use your generated components, prompts, or data to train any AI models. Your usage data is anonymized and used only for analytics (e.g., which components are most popular).
PromptUI is GDPR-compliant. We collect minimal personal data (email for authentication), allow data export, and honor deletion requests. For Enterprise customers, we offer data processing agreements (DPA) and business associate agreements (BAA).
Can't find what you're looking for? We're here to help!