Jsx Component Export

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.

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.

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.

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.

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.

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

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.

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.

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

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.

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.

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

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.

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.

UX Magic.ai is an AI-powered design platform that generates high-fidelity wireframes, UI components, and production-ready code from prompts, sketches, or URLs. It enables collaborative workflows with intelligent editing and exports directly to tools like Figma, React, and Webflow.

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.

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.

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

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.

JS2TS converts JavaScript to TypeScript with a single button click, adding type annotations while preserving functionality. It offers quick examples and supports JSON‑to‑TypeScript, CSS‑to‑JSON, and CSS‑to‑Tailwind conversions for developers, teams, and code maintainers.

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.

BuilderKit is a TypeScript Next.js SaaS boilerplate and AI starter kit that bundles modular code, prebuilt apps, AI modules (chat, text/image/speech), model integrations, Supabase/Postgres auth/storage, payments, SEO-ready UI, demos and deployment support.

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.

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.

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.

Codejet converts Figma design systems into production‑ready websites with one click. It offers a library of 100+ templates, AI‑generated responsive code, an integrated visual editor, and built‑in unit‑testing scaffolding for a seamless design‑to‑deployment workflow.

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.

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.

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.

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.

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.

i18n Web uses AI to translate JSON, Markdown, and plain text files into multiple languages while keeping original structure. Users upload files, pick target languages, review translations in an editor, and download individually or as a bundle.

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.

Contember is a TypeScript full‑stack framework that auto‑generates GraphQL APIs, authentication, and admin UIs from schemas. It provides AI tools for site editing, SSO, role permissions, and rapid prototyping in weeks.

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.

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.

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.

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.

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.

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.

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.

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.

Iconkit.dev is an AI design tool that generates custom icons and assets, enabling seamless integration with frameworks like React and Svelte. It streamlines workflows with version control, library management, and multiple export formats for enhanced project efficiency.

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.

Webcrumbs Frontend AI converts natural‑language prompts into ready‑to‑use code for React, Next.js, Tailwind, Material‑UI, and WordPress. It integrates with Figma, Replit, Wix, and Elementor, enabling designers to generate UI components, wireframes, and export code with an edit‑and‑refine interface.

BuninUX supplies Figma and Framer UI kits, templates, and design systems for rapid interface design. It includes reusable component libraries, wireframe templates, and modular UI systems that reduce repetitive work, improve consistency, and speed developer handoff.

DHTMLX AI Chatbot UI Widget is a lightweight, 65 KB JavaScript component for embedding AI chat interfaces. It offers blocks, bubbles, cards, and flow displays, a typewriter effect, Markdown, customizable typing speed, sidebar chat history, and flexible LLM connections.

OpenPencil.dev is a lightweight, open-source desktop design editor that runs locally with full Figma file support. It offers scriptable workflows and an optional AI chat tool, prioritizing developer control and extensibility under the MIT license.