React Component

Tempo AI streamlines React application development with a drag-and-drop interface. It supports component imports from Storybook, custom library creation, and integrates with Visual Studio Code and GitHub for improved collaboration and version control.

AIUI.me transforms UI screenshots into clean React.js components styled with TailwindCSS. Upload a design, get ready‑to‑use code that developers can copy or download, and designers can adjust colors, sizes, and layouts for rapid prototyping.

Tambo is an open-source AI orchestration framework for React applications, enabling easy integration of AI features, live streaming of UI components, efficient state management, and secure user sessions, with robust support for various AI models through the Model Context Protocol.

Language Reactor enhances language learning with dual subtitles, a popup dictionary, and precise video controls on Netflix. Features like Turtle Tube, machine translation, vocabulary suggestions, PhrasePump, and a chatbot support interactive and immersive learning experiences, making it a valuable t

Mokzu converts design mockups into functional React components by automatically generating code from captured screen areas. This tool enhances collaboration between design and development teams, streamlining the transition from visual concepts to working code.

Components AI is an open‑source, no‑code platform that lets designers build responsive components and sites with visual generative modules. It provides theme‑based design tokens, 1000+ fonts, variable‑font control, export to React, SVG, CSS, and one‑click publishing with built‑in accessibility check

reachat is an open‑source React library that provides reusable UI components for AI chat interfaces. It supports customizable widgets, theming, markdown, file uploads, and embeds, and offers an intuitive API to integrate multiple AI models quickly.

Chat2Code converts natural‑language prompts into ready‑to‑use Vue, React, or React‑TS web components, auto‑installing libraries such as Zustand or usehooks‑ts. Users preview live, share, and edit in CodeSandbox, and can upload images via a modal interface. Bilingual prompts support French and Englis

Rapidnative is an AI-driven code generator for mobile apps using React Native and Expo. It enables users to create visual prototypes from plain English prompts, producing production-ready code while facilitating team collaboration and real-time modifications.

Tempo AI blends a drag‑and‑drop visual editor with a code‑centric workflow, letting designers tweak React components and styles in the browser while developers edit code locally. It imports codebases, creates design‑system libraries, and auto‑generates architecture diagrams, snippets, and brand styl

WindChat adds a live preview pane to ChatGPT for HTML and React code, rendering TailwindCSS‑styled components instantly. Developers can prototype, design, and validate UI components directly in chat without leaving the interface.

Open Lovable is an open-source AI website builder that transforms existing websites into React/Next.js applications. It utilizes web scraping and AI models for analysis, enabling quick cloning and customization of production-ready components.

Code Genius is an AI‑powered assistant for React, Vue JS, and Tailwind CSS that generates reusable components, offers syntax analysis, optimization tips, automated unit tests, and a chat interface for code queries, while syncing with GitHub.

Bifrost automatically transforms Figma designs into production‑ready, fully typed React component sets, supporting default props and conditional rendering. It allows iterative updates from Figma, reuses components, and streamlines design‑to‑code handoffs, cutting front‑end development time.

Streamdown is a drop-in react-markdown replacement for AI-powered streaming Markdown rendering, supporting GFM, Shiki-highlighted code with copy/download, KaTeX math, Mermaid diagrams, CJK emphasis, Tailwind styling, streaming parsing and security filtering.

Codesnaps is a web tool for developers that provides ready-to-use UI components for React and Tailwind CSS, along with an AI site generator for quick website creation, enhancing efficiency in web design and development.

Render simplifies deployment and scaling of web apps, APIs, background workers, and static sites. It supports Docker, build‑packs, native runtimes, GitHub CI/CD, automatic scaling, zero‑downtime updates, SSL, custom domains, environment variables, and CDN‑backed database add‑ons.

IMG2HTML converts images, screenshots or URLs into clean, responsive HTML/CSS for standard, Tailwind, React, Vue, or Angular frameworks. It extracts text via OCR, exports components, clones sites, and offers a Chrome extension and API for automated workflows.

CopilotKit integrates AI copilots into web apps with front‑end SDKs for React, Next.js, and Vue, using a streaming‑first approach and AG‑UI protocol. It supports multimodal inputs, real‑time event handling, enterprise analytics, and is self‑hosted.

Motiff AI converts text, wireframes, screenshots, PDFs, or markdown into production‑ready React or HTML UIs, using preset design systems like Minimalist, Material, Ant Design, and shadcn/ui. It enforces consistency, lets designers tweak elements, and outputs clean code for rapid prototyping.

DesignCode UI offers 300+ ready components, 2,000+ Figma variants, and 2,116 icons with dark/light themes and customizable variables. It integrates with Figma and Framer, supports CSS, React, Tailwind, and auto‑layout for streamlined design‑to‑code handoffs.

TacoTranslate automates React and Next.js i18n by extracting UI strings from code and providing AI‑driven translations in 70+ languages. It updates text live, lets teams toggle languages, and offers a translator interface for refinement and incremental rollout.

Alloy.app is an AI prototyping tool that enables product teams to create on-brand, production-like prototypes. It captures web components via a browser extension and integrates with design tools like Figma for rapid, seamless workflow.

Recipe Reactor transforms your culinary experience with AI-powered recipe creation, easy ingredient input, and organizational features. Enhance your cooking skills, explore new recipes, and simplify kitchen management with educational insights and customizable options.

OpenUI simplifies UI component creation by allowing instant visualization of changes. It supports HTML to React, Svelte, and Web Components conversion, aiding in rapid prototyping and testing. Developed by W&B, it's part of their next-gen tooling for LLM-based applications.

Weaverse Hydrogen Theme Builder is a visual SDK for Shopify Hydrogen that offers drag‑and‑drop editing, type‑safe TypeScript support, Git workflow preservation, instant Storefront API integration, AI‑driven layout generation, and edge‑cached, CDN‑optimized performance.

Raycast is an AI tool that can help developers write code faster, access a new layer of context, and accelerate tasks without any coding required.

Piny is a visual editing tool for developers using Astro, React, Next.js, and Tailwind CSS. It features intuitive styling, code reflection, a Tailwind class inspector, component navigation, and an AI-powered drag-and-drop interface for efficient UI creation.

kickstartDS is an open‑source starter kit offering a low‑code framework, UI toolkit, and component library with design tokens for consistent design systems. It supports multiple JavaScript frameworks, CMS integrations, Storybook testing, accessibility, and lightweight, high‑performance UIs.

LangUI is an open‑source Tailwind CSS component library with 60+ ready‑made, responsive components in dark/light modes. Zero dependencies, simple copy‑paste, customizable slate/blue palette, MIT‑licensed, community‑driven, supports rapid AI UI prototyping.

Rork is an AI platform for creating cross-platform mobile apps quickly using Expo and React Native. It simplifies app development for both developers and non-developers by allowing easy image uploads and an intuitive design interface.

Relume automates site creation by converting brief text into sitemaps, editable wireframes, and style guides. Designers export responsive components to Figma, Webflow, or React, and collaborate via shared projects and comments.

CodeAI turns plain‑English app concepts into editable code for frameworks like Next.js, auto‑generating components, routing, and deployment scripts. It integrates with GitHub and offers one‑click hosting on Vercel, Netlify, and Supabase, plus a template library.

Cosmic is a headless CMS delivering content via a content API for omnichannel publishing, with SDKs and starter kits for React, Next.js, Vue, Gatsby, and Astro, plus image CDN, content modeling, versioning, role controls, AI-assisted workflows, integrations.

PageAI generates production-ready Next.js + TypeScript websites from a single prompt, producing a downloadable codebase, landing pages, MDX blogs, Tailwind/shadcn component library, SEO and performance optimizations, drag-and-drop editing, export and one-click deployments.

CodeDesign.ai is an AI‑powered website builder that creates complete pages, copy, and layouts from prompts, allowing visual fine‑tuning. It offers cloud publishing, WordPress sync, clean code export, SSL, analytics, backups, and responsive design.

Shipixen generates ready‑to‑deploy Next.js sites with AI‑powered boilerplate, offering 63+ themes, 300+ component demos, and 37+ landing sections. It supports TypeScript, Tailwind, MDX blogging, SEO, one‑click Vercel/Netlify deployment, and cross‑platform use.

Blaze generates clean, framework-free HTML components and responsive website prototypes from prompts or specifications, producing export-ready markup for front-end developers, UX/UI designers, and product teams to integrate into existing workflows; desktop-optimized.

VibeReady is a Next.js AI-native SaaS starter kit with LLM-friendly architecture, smart context routing, and multi-agent workflow support. It enforces CI/CD quality gates, type safety, and security checks to prevent AI code drift, while including authentication, billing, multi-tenant data isolation,

Supernova.io is an AI collaborative workspace enabling product teams to prototype, manage design systems, sync tokens, convert Figma prototypes into production-ready components and code, and maintain searchable documentation, governance, and integrations for cross-team alignment.

XState is a JS/TS library that models logic as finite state machines and statecharts. It offers a drag‑and‑drop editor, auto‑generates React, Vue, or Svelte code, syncs with VS Code, and supports testing, debugging, and diagram export.

Open SaaS is an open-source framework for building scalable applications with React and Node.js, offering features like pre-configured authentication, payment integrations, TypeScript support, an admin dashboard, and easy deployment without vendor lock-in.

StartKit.AI delivers a ready‑to‑deploy AI SaaS boilerplate with built‑in authentication, payment, and email, auto‑switching among OpenAI, Anthropic, Groq, and Llama, a React demo featuring chat, PDF query, image, knowledge base, and custom models, plus vector DB and RAG support.

VIFE AI is an AI agent for vision-to-reality workflows that automates tasks from images, docs, and chat. It provides full-stack development guidance, from React performance and real-time dashboards to backend APIs, search, deployment, and payment integrations.

CodeRocket is an AI‑powered tool that turns text or image prompts into production‑ready Tailwind v4 components for React, Vue, Svelte, Angular, and plain HTML. It supports design cloning, Figma integration, Supabase back‑end, and quick deployment.

CSSPicker is an AI tool that transforms design screenshots into responsive HTML, CSS, or Tailwind code. With a real-time code editor and integration for frameworks like React, it aids both novice and experienced developers in UI coding tasks.

Solid generates production-ready full-stack web apps (Node.js, React, TypeScript, Docker) with templates for e-commerce, admin panels, portfolios and more, offering a no-code web builder, extensible codebase, IDE integration, deployment, security, and scaling tooling.

Frontender is a Figma plugin that converts design layers into production‑ready code, outputting CSS, CSS‑in‑JS, Tailwind CSS, HTML, and JSX. It automatically analyses layout, determines hierarchy, and supports custom Tailwind configuration for consistent, framework‑ready code.

Screenshot Coder transforms visual mockups into production‑ready frontend code in seconds, supporting Tailwind CSS, Bootstrap, and React. It delivers responsive, clean UI code directly from screenshots, accelerating prototyping for designers and developers.

SaaS Boilerplates offers a curated directory of 120+ SaaS starter kits organized by technology stack and feature set, allowing developers to quickly find templates for subscription billing, multi‑tenant setups, authentication, and Stripe integration.