aicoolies logo

Create React App

Discontinued

Set up a modern web app by running one command

Share
open-sourceOpen Source
Visit Website →

THE way to start a React project for years. 100K+ GitHub stars, millions of weekly npm downloads. The official React scaffolding tool maintained by Meta.

Create React App (CRA) is an officially supported toolchain for setting up new single-page React applications with zero build configuration. It was created by Facebook to solve the overwhelming complexity of configuring Webpack, Babel, ESLint, and other build tools that developers had to wrestle with before writing a single line of React code. CRA provides a single command that scaffolds a fully configured React project with a development server, production build pipeline, testing setup, and sensible defaults that work out of the box.

Create React App abstracts away the underlying build toolchain, providing hot module reloading for rapid development, optimized production builds with code splitting and minification, built-in support for CSS Modules, Sass, and CSS-in-JS, TypeScript support, environment variable management, and a test runner based on Jest. It enforces a consistent project structure and build configuration across teams without requiring manual Webpack or Babel configuration. The tool also supports progressive web app features, proxy configuration for API development, and import aliasing.

Create React App has been the standard starting point for millions of React projects since its introduction, particularly for learning React, building prototypes, and creating client-side single-page applications. However, it is now considered legacy by the React team, who recommend frameworks like Next.js, Remix, or Vite-based setups for new projects. CRA remains relevant for existing projects and educational contexts, but developers starting new applications are encouraged to use modern alternatives that support server-side rendering, streaming, and the latest React features.

Pricing

Was: Free, open-source

Platforms

Was: CLI (npm/yarn/pnpm)

Why it died

Officially deprecated in early 2023 when the React team updated docs to recommend Next.js, Remix, and Vite instead. CRA was built on Webpack and became painfully slow compared to Vite. Meta stopped investing in it, and hundreds of issues piled up unresolved. When the framework you scaffold for stops recommending you, it's over.

Categories

Tags

Use Cases

Alternatives

Related Tools

KubeAI

Kubernetes operator for serving AI inference workloads

KubeAI is an Apache-2.0 Kubernetes operator for deploying and scaling AI inference workloads, including LLMs, embeddings, reranking, and speech-to-text. It gives platform teams OpenAI-compatible endpoints, model proxy/controller primitives, model caching, scale-from-zero behavior, and cluster-native resource management for self-hosted inference on Kubernetes.

open-sourceOpen Source
OpenUI logo

OpenUI

Open-source UI generation from natural-language prompts

OpenUI is an Apache-2.0 design-to-code tool from W&B that turns natural-language interface prompts into live HTML previews and frontend code. Teams can run it locally or with Docker, connect OpenAI, Groq, LiteLLM-compatible providers, or Ollama, and export generated UI toward React, Svelte, Web Components, and related workflows. It fits rapid UI mockups where developers want editable code instead of screenshots.

open-sourceOpen SourceTelemetry

Figma MCP Server

Official remote MCP server for design-to-code and write-to-canvas Figma workflows.

Figma MCP Server is Figma’s official remote Model Context Protocol surface for design-to-code agents. It gives supported clients structured design context, variables, components, selected-frame code context, Code Connect mappings, and beta write-to-canvas tools for creating or updating native Figma frames from an MCP client while keeping the workflow tied to Figma files.

freemiumTelemetry
OpenPencil logo

OpenPencil

AI-native open-source design editor and Figma alternative

OpenPencil is an AI-native, open-source design editor for teams that want a Figma-like canvas with source-visible code and experimental AI design workflows. It is best framed as OpenPencil by the open-pencil project, separate from the same-name ZSeven-W repo, and useful for early UI prototyping, design-to-code exploration, and open-source visual editing pilots.

open-sourceOpen Source

Talk to Figma MCP

Read/write MCP bridge between AI coding agents and Figma

Talk to Figma MCP is an MIT-licensed bridge from Grab that connects Cursor, Claude Code, and other MCP-capable agents to Figma through a local MCP server, WebSocket bridge, and Figma plugin. Unlike read-only context servers, it can inspect selections, create or modify nodes, update text in bulk, and automate design operations, so teams should review permissions before enabling write access.

open-sourceOpen SourceTelemetry
Figma Context MCP logo

Figma Context MCP

MCP server that gives coding agents structured Figma context for design-to-code work

Figma Context MCP is an MCP server for giving coding agents structured access to Figma design context during implementation. Instead of copying screenshots or hand-written design specs into prompts, teams can expose layout, component, and context information to agents such as Cursor, Claude Code, and other MCP-compatible coding workflows. It is a strong design-to-code bridge for teams trying to reduce hallucinated UI details and tighten handoff between designers and AI-assisted developers.

open-sourceOpen SourceTelemetry