EmbedAI is an open-source platform that enables users to create AI-powered tools and directly embed them into any website using a simple script.
Whether you want to offer an SEO Analyzer, a Recipe Maker, or a Resume Reviewer on your site, EmbedAI allows you to rapidly design the dynamic prompt engine behind it and inject the interactive frontend directly via an iframe-like Shadow DOM snippet.
- Builder Dashboard: An aesthetic, glassmorphic UI meant to construct your Tool's inputs and Prompt mapping templates (
"Write a {{document_type}} for {{name}}"). - Unified Full-Stack Architecture: Powered securely and dependably by Next.js (App Router).
- The Widget SDK: The core viral component. Drop
<script src=".../widget.js" data-id="TOOL_ID"></script>onto any site seamlessly. The widget utilizes a Shadow DOM to ensure zero CSS collision alongside local hostings. - AI Abstracted: Plug directly into the Vercel AI SDK to tap into OpenAI, Anthropic, or any future supported model.
- Lead Capture: Collect user email addresses implicitly prior to generating AI query results.
- Core: Next.js (App Router), React, TypeScript
- Database: Prisma ORM, SQLite (local MVP tier), easily upgradeable to PostgreSQL.
- Styling: Tailwind CSS v4 + Framer Motion (Vibrant, Premium Dark Mode styling)
- AI: Vercel AI SDK (
@ai-sdk/openai)
- Node.js >= 18.0.0
- An OpenAI Platform Account to utilize the default GPT models.
Clone the repository and install dependencies:
git clone https://github.com/abhineet34/EmbedAI.git
cd EmbedAI
npm installTo connect strictly to the AI endpoints securely, create a .env file within your root directory:
DATABASE_URL="file:./dev.db"
OPENAI_API_KEY="sk-proj-YOUR-KEY-HERE"Synchronize your local SQLite database with our core schema via Prisma:
npx prisma generate
npx prisma db pushnpm run devNavigate to http://localhost:3000 to dive into the Tool Dashboard!
- Navigate specifically to your Dashboard and hit "Create New Tool".
- Fill out your model options and build an input logic set (e.g.
{{industry}}). - Formulate your Prompt Engine inside the specific form container.
- Save the tool!
- Upon saving, you'll be given an embed link on the right-hand panel of the Builder.
- It looks like this:
<script src="http://localhost:3000/widget.js" data-id="12345"></script>. - Paste that script absolutely anywhere inside a standard
<form>,<body>ordivblock on ANY external website. - Traffic routed by users on that external platform will securely ping back to your Node backend, process the prompt securely utilizing Server-Side operations, and respond visually instantly.
- Backend APIs (Route Handlers)
- Local Database Setup via Prisma
- Premium Frontend Builder
- AI Verification and Integration
- Widget SDK / Shadow DOM setup
- Implement Zapier/Webhooks & Multi-step API chains.
- Remote Templates System seeding.
Contributions are absolutely welcome!
- Fork the repo.
- Create a feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m "Add some feature" - Push to the branch:
git push origin my-new-feature - Submit a pull request!