AI Infrastructure for Your Apps
The shared layer between your code and AI providers.
One API key. Everything your AI app needs.
How It Works
Frontend and backend components for AI apps. Drop in a hosted script tag, get a working UI backed by a managed API.
Getting Started
Tell your AI coding agent to read the agent guide. It handles the rest.
<script src="brightwrapper.com/static/llm-chat.js"></script>
<script>
LLMChat.init({
apiKey: 'your-key',
container: '#chat'
});
</script>What You Get
One API key. All of this included.
Backend API
- Chat completions
- Structured JSON output
- Image generation
- Audio transcription
Smart Routing
- Auto-selects best model
- Fallback on provider errors
- Retries with backoff
- Rate limiting built in
Frontend Widgets
- Chat component
- Progress indicators
- Feedback with voice
- Drop-in script tags
Usage Dashboard
- Cost per request
- Model breakdown
- Per-project tracking
- API key management
Example App
A demo showing multiple BrightWrapper components working together. Your custom design on top, standard AI plumbing underneath.
New Campaign
DraftThe sidebar, branding, and layout are your code. The chat, progress indicators, image generation, and feedback button are BrightWrapper components loaded via script tags.
Track Everything in Your Dashboard
Monitor usage, manage API keys, and control billing in one place.
| Type | Project | Duration | Cost |
|---|---|---|---|
| chat | bike-shop | 1.2s | $0.02 |
| structured | analytics | 2.8s | $0.04 |
| image | marketing | 4.1s | $0.03 |