Full Stack AI Website Builder with MERN Stack

Google AI Studio is a web-based development platform from Google for exploring and evaluating Gemini models, developing prompts, and turning natural-language ideas into code and web applications. It supports integrations including Firestore, Cloud SQL, authentication, and database schema creation, and was used to create a mobile-responsive speaker-notes website.

Mkdirs is an open-source Next.js template for building AI-powered directory websites. It provides listings with categories, collections, tags, and search; user authentication and dashboards; AI-assisted submission and content generation; and free, paid, or sponsored submissions through Stripe. Sanity supplies the content management system and blog, while Resend handles transactional email and newsletters. The template also includes SEO, analytics, themes, responsive layouts, and deployment options for Vercel and Docker. It is developed by OpenFox and licensed under Apache License 2.0, with the Mkdirs name, logo, and trademarks excluded from permission to identify derived products.

Design Studio AI is an open-source, agent-first design workspace for humans and AI agents. It supports web interfaces, slides, reports, wireframes, 3D scenes, and timeline videos; users start from a brief or template, inspect a preview, revise through chat or a manual editor, and work together on the same versioned document. The workspace provides structured flex/grid layouts, reusable design systems, 2D character motion, editable 3D scenes, BYOK text/image/speech/music/video generation, and exports including JSON, HTML, SVG, PNG, PDF, PowerPoint, WebM, GLB/glTF, React prototype ZIPs, and authorized Google Slides. It exposes REST, authenticated MCP, experimental WebMCP, and a CLI for agent access, and can run on Cloudflare or be self-hosted with Docker and persistent SQLite/files. The repository is distributed under the MIT license.

BoardUI is a React design system for agentic interfaces and dashboards, combining AI-product components such as chat, thinking indicators, streaming agent logs, task lists, web-search trails, composers, and an agent runtime with dashboard components such as tables, charts, forms, cards, navigation, authentication, and design tokens. Its CLI copies individual components and their dependencies, or the complete free catalog, into a Next.js project as source files rather than installing a runtime dependency, so developers can modify the code directly. The system uses React Aria Components for accessible controls, Tailwind CSS v4, semantic design tokens, light and dark theme classes without runtime CSS, and Figma-based typography and styling rules. The repository includes a working AI chat application with a streaming chat endpoint and an agent runtime that accepts provider keys for supported services or an OpenAI-compatible server, reads keys server-side, and streams replies to the chat UI. It also provides an MCP server for browsing and installing components, along with agent rules specifying design tokens, type scale, and conventions.

A minimal chatbot starter built with Next.js, the AI SDK, shadcn/ui, shadcn/react, shadcn/typeset, and the Vercel AI Gateway. It provides streaming chat with Markdown rendering, provider-native web search, tool calling, and a human-in-the-loop questionnaire in which the model can ask clarifying questions. The chat route streams responses with `streamText`, while the interface renders assistant messages as typed parts for text, GitHub repository lookups, web searches, questionnaires, and source URLs. Tool definitions are kept in separate files and composed through a central index; tool-part components display progress, results, errors, answered questions, and deduplicated search citations. Vercel deployments authenticate to the AI Gateway through OIDC, while local development uses an AI Gateway API key. The public unauthenticated chat route includes request validation, model restrictions, output and step limits, and client-disconnect handling, but the README recommends adding rate limiting, spending limits, and authentication before exposing it to real traffic.