FireCMS

FireCMS is an open-source, developer-first Firebase CMS and Firestore admin panel framework that auto-generates CRUD interfaces, forms, and data management tools from your schema, built with React and TypeScript.

What is FireCMS?

FireCMS is an open-source Firebase CMS and Firestore admin panel framework built with React and TypeScript. It connects natively to Firebase Firestore (and MongoDB in the PRO edition) and auto-generates CRUD interfaces, forms, and data management tools from your schema, producing a production-ready admin panel in minutes. The project is maintained by FireCMS and offers both a fully managed Cloud SaaS and a self-hosted Community edition under the MIT license.

Key Features

FireCMS provides the following schema-driven capabilities, all configurable from the UI or in code:

• Native Firebase & Firestore integration — real-time Firestore data sync, Firebase Auth, and Firebase Storage work out of the box; changes propagate instantly across connected users.
• Visual schema editor — design Firestore data models with 20+ field types and advanced validation, or auto-infer schemas from existing Firestore and MongoDB collections (PRO/Cloud editions).
• AI-powered data management — AI Autofill generates titles, descriptions, and translations via OpenAI and Google Gemini; DataTalk allows natural-language queries like "Show all products over $100"; AI Collection Generation builds schemas from plain text.
• Spreadsheet-style collection views — a windowed spreadsheet view with inline editing, real-time updates, filtering, sorting, and text search, plus card grid and Kanban board layouts for collections with enum properties.
• Notion-style rich text editor — built on TipTap v3, offering slash commands, drag-and-drop blocks, keyboard shortcuts, and AI text completion.
• Data import and export — import from CSV, JSON, and Excel with a field mapper and validation UI; export Firestore collections to CSV or JSON with customizable date formats and array serialization.
• Extensibility via React — custom fields, views, and hooks let developers add components; built-in hooks include useSideEntityController, useSnackbarController, and useAuthController.
• Tech stack — built with TypeScript 5.x, React 18+, Tailwind CSS v4, Firebase 12, Radix UI, and TipTap v3; the core package @firecms/core is published on npm and the standalone @firecms/ui component library works in any React project.

Who is it for?

Four main groups use FireCMS to get a production admin panel without building one from scratch:

• Startups — launch an MVP back-office in minutes instead of weeks, using FireCMS Cloud for zero-setup management.
• Agencies — deliver custom, white-labeled admin panels to clients; the self-hosted Community/PRO editions allow full source access and custom branding.
• Developers — build internal tools with React + TypeScript + Firestore, using custom React views, fields, and hooks to tailor the admin panel to their data model.
• Enterprise teams — manage mission-critical data with fine-grained role-based access control, entity history, and audit trails (PRO/Cloud editions).

What can you do with FireCMS?

The feature set translates into concrete workflows for different users:

• MVP builders: scaffold a back-office for a new Firebase project in minutes with npx create-firecms-app or connect FireCMS Cloud to an existing Firestore project.
• Content editors: use the Notion-style rich text editor and side-panel or full-screen entity views to edit Firestore documents with undo/redo support and local draft persistence.
• Data analysts: import data from CSV, JSON, or Excel, run natural-language queries via DataTalk, and export collections to CSV or JSON with custom date formatting.
• Product managers: visualize collections in spreadsheet, card grid, or Kanban views, and group collections with favorites and search on a customizable home page.

How does FireCMS work?

The system takes a Firestore schema as its input and generates the admin UI as output. Define a schema visually, via AI, or by inference from existing collections, then FireCMS builds the collection views and forms from it. For self-hosting, scaffold a project with npx create-firecms-app and deploy anywhere; for FireCMS Cloud, connect your Firebase project at app.firecms.co and go live without deployment, with a free 1-month trial that requires no credit card.

Pricing

FireCMS has three editions with different feature gates. Community is self-hosted and free under the MIT license; PRO is self-hosted under the Business Source License 1.1; Cloud is a fully managed SaaS with a free 1-month trial. The PRO and Cloud editions add the visual schema editor, AI features, DataTalk, entity history, user management UI, and data import/export; MongoDB support is available in PRO only.

FAQ

Answers to common FireCMS questions:

Is FireCMS free?

The Community edition is free and self-hosted under the MIT license. FireCMS Cloud offers a free 1-month trial without requiring a credit card, and after that it is a paid managed service. PRO is a paid self-hosted edition under the Business Source License 1.1.

Does FireCMS work with MongoDB?

Yes, the PRO edition includes MongoDB support via the @firecms/mongodb package. The Community edition and Cloud do not include MongoDB support; Cloud is Firebase/Firestore only.

What tech stack does FireCMS use?

FireCMS is built with TypeScript 5.x, React 18+, Tailwind CSS v4, Firebase 12, Radix UI, and TipTap v3. It is distributed as a modular monorepo with packages like @firecms/core, @firecms/ui, @firecms/firebase, and @firecms/cli.

Can I customize FireCMS?

Yes. Developers can build custom React fields, views, and hooks, and integrate them through built-in controllers such as useSideEntityController, useSnackbarController, and useAuthController. Full theme control and custom branding are available, and the standalone @firecms/ui component library can be used in any React project.

Does FireCMS support real-time updates?

Yes, all views — collections, forms, and custom views — support real-time Firestore updates, so changes sync instantly across all connected users.