A complete REST API and TypeScript SDK for building web applications programmatically.
🚀 Live API: https://hublab.dev/api/v1 📦 NPM Package: @hublab/sdk 🤖 ChatGPT Plugin: Available at https://hublab.dev
HubLab is a platform that allows you to build and deploy web applications programmatically through a REST API. Create projects from templates, add UI components (capsules), integrate with services, export to code, and deploy to hosting platforms—all via API.
- 31 REST API Endpoints - Complete API for project management, components, themes, and deployment
- TypeScript SDK - Type-safe SDK published on NPM
- ChatGPT Plugin - Use HubLab directly from ChatGPT
- Multiple Export Formats - Next.js, React, HTML, Vue
- Deploy Anywhere - Vercel, Netlify, Cloudflare
- Rate Limited & Secure - API key authentication with tiered rate limits
npm install @hublab/sdkContact us to get your API key, or generate one from your dashboard:
hublab_sk_your_api_key_here
const { HubLab } = require('@hublab/sdk')
const client = new HubLab({
apiKey: 'hublab_sk_...',
baseURL: 'https://hublab.dev/api/v1'
})
// List available themes
const themes = await client.themes.list()
// Create a new project
const project = await client.projects.create({
name: 'My Dashboard',
template: 'dashboard',
theme: 'modern-blue'
})
// Export to Next.js
const code = await client.projects.export(project.id, {
format: 'nextjs',
includeApi: true
})
console.log(code.files)GET /projects- List all projectsPOST /projects- Create a new projectGET /projects/:id- Get project detailsPATCH /projects/:id- Update projectDELETE /projects/:id- Delete project
GET /themes- List available themesGET /themes/:id- Get theme details
GET /projects/:id/capsules- List project capsulesPOST /projects/:id/capsules- Add capsule to projectPATCH /projects/:id/capsules/:capsuleId- Update capsuleDELETE /projects/:id/capsules/:capsuleId- Remove capsule
POST /projects/:id/export- Export to codePOST /projects/:id/deploy- Deploy to hostingPOST /projects/:id/preview- Generate preview
GET /catalog/capsules- Browse all available capsulesGET /catalog/capsules/:type- Get capsules by type
Available project templates:
blank- Empty projectdashboard- Analytics dashboard with chartslanding- Landing page with sectionsecommerce- E-commerce store with productsadmin- Admin panel with tables and formsblog- Blog with posts and comments
Pre-built themes:
modern-blue- Modern blue color schemedark-purple- Dark mode with purple accentsminimal- Minimal design with neutral colors
- 10 projects per hour
- 5 exports per day
- 2 deploys per day
- 60 requests per minute
- 100 projects per hour
- 50 exports per day
- 20 deploys per day
- 300 requests per minute
- Unlimited projects
- Unlimited exports
- Unlimited deploys
- 1000 requests per minute
┌─────────────────────────────────────────────┐
│ HubLab Platform │
├─────────────────────────────────────────────┤
│ │
│ ┌──────────────┐ ┌─────────────────┐ │
│ │ REST API │◄─────┤ TypeScript SDK │ │
│ └──────────────┘ └─────────────────┘ │
│ │ │
│ ▼ │
│ ┌──────────────┐ │
│ │ Supabase │ (Database) │
│ └──────────────┘ │
│ │ │
│ ▼ │
│ ┌──────────────────────────────────────┐ │
│ │ Code Generator (Next.js/React/etc) │ │
│ └──────────────────────────────────────┘ │
│ │ │
│ ▼ │
│ ┌──────────────────────────────────────┐ │
│ │ Deploy (Vercel/Netlify/Cloudflare) │ │
│ └──────────────────────────────────────┘ │
└─────────────────────────────────────────────┘
Build functional prototypes in minutes using templates and pre-built components.
Integrate with ChatGPT or other AI assistants to build applications through natural language.
Create applications programmatically as part of your CI/CD pipeline.
Build SaaS platforms where each user gets their own generated application.
- Frontend: Next.js 14, React, TypeScript, Tailwind CSS
- Backend: Next.js API Routes, Supabase
- Database: PostgreSQL (via Supabase)
- Hosting: Netlify
- AI: Groq (llama-3.3-70b-versatile)
Install the ChatGPT plugin to build applications using natural language:
- Open ChatGPT
- Go to Settings → Plugins → Plugin Store
- Click "Develop your own plugin"
- Enter:
hublab.dev - ChatGPT will load the plugin
Now you can say things like:
- "Create a dashboard project with a line chart showing sales data"
- "Build a landing page with a pricing table and contact form"
- "Generate an e-commerce store with product cards"
const project = await client.projects.create({
name: 'Sales Dashboard',
template: 'dashboard',
theme: 'modern-blue'
})
// Add a line chart
await client.projects.capsules.add(project.id, {
capsuleId: 'line-chart',
inputs: {
data: [120, 150, 180, 200, 250],
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'],
title: 'Monthly Revenue'
}
})
// Add a bar chart
await client.projects.capsules.add(project.id, {
capsuleId: 'bar-chart',
inputs: {
data: [45, 60, 75, 90],
labels: ['Q1', 'Q2', 'Q3', 'Q4'],
title: 'Quarterly Sales'
}
})
// Export to Next.js
const code = await client.projects.export(project.id, {
format: 'nextjs'
})const project = await client.projects.create({
name: 'Product Launch',
template: 'landing',
theme: 'minimal'
})
// Add hero section
await client.projects.capsules.add(project.id, {
capsuleId: 'hero',
inputs: {
title: 'Revolutionary Product',
subtitle: 'Change the way you work',
cta: 'Get Started'
}
})
// Add pricing table
await client.projects.capsules.add(project.id, {
capsuleId: 'pricing-table',
inputs: {
plans: [
{ name: 'Starter', price: '$9/mo', features: ['5 projects', 'Basic support'] },
{ name: 'Pro', price: '$29/mo', features: ['Unlimited projects', 'Priority support'] }
]
}
})
// Deploy to Netlify
const deployment = await client.projects.deploy(project.id, {
platform: 'netlify'
})
console.log('Deployed to:', deployment.url)We welcome contributions! Please see CONTRIBUTING.md for guidelines.
MIT License - see LICENSE for details.
- Documentation: https://hublab.dev/docs
- API Reference: https://hublab.dev/api-docs
- GitHub Issues: https://github.com/yourusername/hublab/issues
- Email: support@hublab.dev
See CHANGELOG.md for version history and updates.
Built with ❤️ by the HubLab Team