Skip to content
View inspoai-studio's full-sized avatar
  • Joined Sep 13, 2026

Block or report inspoai-studio

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
inspoai-studio/README.md

Inspo AI Studio

The Source-Available Design Intelligence, UI and Web Generation & Agentic UI Platform

Explore visual references, collaborate on real-time moodboards, scan brand design systems, and generate production-ready React components with AI.

Inspo AI Studio demo

License Commercial Use Node.js Vite React Supabase PRs Welcome

FeaturesQuickstartDatabase SetupArchitectureLicenseContributing


Important

This project is not licensed for commercial use. Inspo AI Studio is source-available under the PolyForm Noncommercial License 1.0.0. You may read, run, modify, and share it for personal projects, learning, research, and use by charitable or nonprofit organisations. You may not use it — or anything derived from it — in a product, service, or internal tool that supports commercial activity. See License & Permitted Use for the full picture, or email farhan@inspoai.io for a commercial licence.


Key Features

  • Agentic UI Generation: Prompt-to-component React sandbox with automatic Lucide icon healing, Babel syntax sanitization, and live interactive previews.
  • Multi-Source Design Intelligence: Search curated web layouts, mobile app screens, visual graphics (Pinterest, Google, Freepik), and SVG icons in a single unified interface.
  • Collaborative Moodboard Studio: Infinite canvas with draggable cards, image uploads, visual connection edges, and real-time multiplayer cursor synchronization via WebSockets.
  • Titan Brand Scanner: Deep website scanner that extracts complete design systems in seconds — typography, color palettes, spacing tokens, logos, and UI component screenshots.
  • Native Model Context Protocol (MCP): Built-in MCP server (/api/mcp/sse) allowing Claude Desktop, Cursor, and IDE coding agents to search design references and pull components directly into their context.
  • Battle-Tested Security: Comprehensive Row-Level Security (RLS), SSRF protection on scrapers, and automated input safety moderation.

Agentic UI — prompt to UI image
AI UI usually looks smart Agentic UI generation view

License & Permitted Use

Inspo AI Studio is source-available, not open source. It is licensed under the PolyForm Noncommercial License 1.0.0.

You may

  • Run the software for personal projects and private experimentation
  • Read, study, and modify the source code
  • Use it for teaching, coursework, academic research, and publication
  • Use it inside a registered charitable or nonprofit organisation
  • Fork it and share your changes, provided the same licence and this notice travel with the copy

You may not

  • Use the software, or any derivative of it, in a commercial product or service
  • Run it as internal tooling at a for-profit company, including on internal-only deployments
  • Offer it — hosted, white-labelled, rebranded, or embedded — to paying customers
  • Use it to deliver paid client work, freelance or agency
  • Resell, sublicense, or redistribute it commercially in any form

Commercial use requires a separate licence. We grant them, and the process is short. Email farhan@inspoai.io with a sentence on what you're building and we'll come back with terms.

Why not open source?

"Open source" has a specific meaning under the OSI definition, and any licence restricting commercial use falls outside it. Calling this project source-available is the accurate description. Everything is readable, forkable, and modifiable — the only restriction is commercial exploitation.

Contributions

By opening a pull request, you agree your contribution is licensed under the same terms and that Inspo AI may also offer it under a commercial licence. See CONTRIBUTING.md.


Monorepo Architecture

Inspo AI Studio is structured as an npm workspaces monorepo:

inspoai-studio/
├── frontend/                   # Client Application (React 18, Vite, Lucide Icons)
│   ├── src/
│   │   ├── components/         # Canvas, AgenticUI, BrandScanner, Moodboards
│   │   ├── pages/              # MainScreen, ImageViewer, SharedCanvas
│   │   ├── services/           # Backend API & Socket.io client services
│   │   └── context/            # Auth and application state
│   └── .env.example            # Client environment configuration
│
├── backend/                    # Backend API (Node.js, Express, Supabase)
│   ├── src/
│   │   ├── routes/             # Search, Scanner, Collaboration, Agentic UI, MCP
│   │   ├── services/           # Scrapers, LLM integrations (OpenAI, Gemini, DeepSeek)
│   │   ├── scrapers/           # Headless browser scrapers & Brandfetch engine
│   │   └── utils/              # SSRF guard, compiler check, Lucide icon maps
│   ├── supabase/
│   │   └── schema.sql          # 1-Click unified database schema, vector search & RLS
│   ├── tests/
│   │   └── run_tests.js        # Automated offline unit test suite
│   └── .env.example            # Server environment configuration
│
├── .github/                    # CI workflows, Issue & PR templates
├── LICENSE                     # PolyForm Noncommercial License 1.0.0
├── CONTRIBUTING.md             # Developer contribution guidelines
├── CODE_OF_CONDUCT.md          # Community guidelines
└── package.json                # Monorepo root workspace commands

Quickstart

Prerequisites

1. Clone & Install Dependencies

git clone https://github.com/Inspoai/inspoai-studio.git
cd inspoai-studio
npm install

2. Configure Environment Variables

Copy the templates and provide your API keys:

cp frontend/.env.example frontend/.env
cp backend/.env.example backend/.env

See frontend/.env.example and backend/.env.example for descriptions of each key.

3. Start Development Servers

Run both backend and frontend concurrently with one command:

npm run dev

1-Click Database Setup

Inspo AI Studio uses PostgreSQL with pgvector hosted on Supabase.

  1. Create a new project at supabase.com.
  2. Go to the SQL Editor in your Supabase dashboard.
  3. Open backend/supabase/schema.sql, copy the entire file, and click Run.
  4. Copy your Project URL, Anon Key, and Service Role Key into your backend/.env file.

The unified schema sets up:

  • Core user accounts and credit records (profiles)
  • Canvas collections and shared boards (moodboards, shared_moodboards)
  • Brand scanner intelligence (scan_results)
  • Multiplayer canvas sessions with Supabase Realtime (live_sessions)
  • Semantic design vector embeddings and fast search function (match_design_assets)
  • Full Row-Level Security (RLS) policies protecting all data

Testing & Verification

Run the automated test suite and verify the production build:

# Run backend compiler check and validation suite
npm run test:backend

# Verify production Vite compilation
npm run build:frontend

Contributing

We welcome contributions from the design and developer community! Please review our:

Contributions are accepted under the same noncommercial licence as the project — see Contributions above.


License

Inspo AI Studio is source-available under the PolyForm Noncommercial License 1.0.0. Commercial use is not permitted without a separate licence.

Copyright © 2026 Inspo AI. All rights reserved.

Popular repositories Loading

  1. inspoai-studio inspoai-studio Public

    Inspo AI Studio — AI UI generation grounded in 200K+ real product screens. Turn a prompt into production-ready React + Tailwind UI, convert HTML and designs to Figma, generate dashboards and landin…

    JavaScript 17 1