Responsive Component Library

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.

Shuffle is an AI‑powered chat builder that creates responsive UIs with Tailwind, Bootstrap, Material‑UI, or Bulma. It offers a 13k‑component library, 80+ front‑end frameworks, SVG generation, VS Code integration, and JSX/TSX export for React, supporting team 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.

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

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.

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.

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.

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

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.

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

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.

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.

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.

Windframe is an AI‑powered visual builder for Tailwind CSS that lets developers create responsive pages quickly with drag‑and‑drop and over 1,000 templates. It outputs clean, framework‑compatible code and supports real‑time collaboration and API integration.

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.

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.

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.

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.

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.

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.

Lovable is an AI-powered tool that transforms ideas into functional applications without coding, acting as a superhuman full-stack engineer.

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.

TeleportHQ AI Website Builder turns text prompts into responsive HTML, CSS, and JavaScript. A style guide enforces consistent branding across pages. Modular sections and conversational commands let users edit or regenerate parts without rewriting code. One‑click publish deploys instantly.

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.

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.

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

Convex is a TypeScript backend platform that syncs app data in real time across frontend, backend, and database. It offers authentication, cron jobs, AI code generation, modular components, and integrates with React, Next.js, Remix, Vue, and Svelte, a developer portal.

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.

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.

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.

Generates AI-driven UI designs, editable interface pages and interactive prototypes from text or images, producing responsive web and native iOS/Android layouts plus one-click front-end code (React, Android Java, iOS Swift) for rapid prototyping and handoff.

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.

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.

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.

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.

Unshift AI Website Builder allows developers to create production-ready websites using frameworks like Next.js and Svelte, featuring a user-friendly editor, AI-generated content, optimized code access, and a customizable design system for efficient and scalable web development.

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.

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.

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.

Superflex is a front-end development tool that automates HTML and CSS generation from Figma designs, allowing for consistent coding style and efficient UI component creation while adapting to existing codebases for streamlined project development.

Stitch is an AI-assisted design tool that generates UI/UX variations and automates layouts while applying brand styles. It produces export-ready assets and offers integrations to streamline prototyping, bulk production, and design-to-code workflows.

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.

CodeSwish is a digital product platform offering resources like album cover designs and customizable coloring pages. It includes tools like Slidereels Pro for presentations and SupaNext for project management, aiding content creators in enhancing their projects efficiently.

Sleek generates mobile app mockups from text prompts or images, offering templates, style presets, in-app editing, and modular responsive components. Export clean layouts to Figma or production-ready code for rapid prototyping and developer handoff.

Replient.ai centralizes comments from Facebook, Instagram, TikTok, LinkedIn, YouTube, and Google Reviews into one dashboard. It offers AI‑generated reply suggestions, spam filtering, sentiment tagging, and multi‑language support to streamline moderation and maintain brand consistency across platform

UIAnts offers a library of mobile UI templates for Figma and Sketch across finance, health, e‑commerce, travel, entertainment, education, and on‑demand services. Ready‑styled components, typography, icons, and grids enable quick prototyping, brand consistency, and responsive adjustments.

Kombai is an AI agent that automates front‑end development inside IDEs, supporting 400+ frameworks and applying best‑practice patterns to generate production‑ready code. It learns project structure, produces clean, reusable components, and integrates seamlessly into existing repositories while ensur

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.

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.

FlutterFlow is a visual development platform that lets users build mobile and web apps quickly with drag‑and‑drop UI components, a visual logic editor, and native integrations with Firebase, Supabase, and REST APIs. It supports testing and code export for deployment.