Back to Directory/Cloud Providers

FireCMS Cloud

Manage FireCMS Cloud from an AI agent: Firestore data, collections, schemas and users.

Cloud ProvidersTypeScriptv3.5.1

⭐ If FireCMS saves you time, please consider starring this repo — it helps more developers discover it!


What is FireCMS?

FireCMS is a developer-first, open-source Firebase CMS and Firestore admin panel framework built with React and TypeScript.

It connects natively to Firebase & Firestore (and MongoDB) and auto-generates powerful CRUD interfaces, forms, and data management tools from your schema — giving you a production-ready Firestore CMS in minutes, not weeks.

Whether you need a headless CMS for Firebase, an internal admin tool, or a full-featured back-office application, FireCMS adapts to your workflow:

  • FireCMS Cloud — fully managed SaaS, zero setup. Connect your Firebase project and go live instantly.
  • Self-Hosted (Community / PRO) — deploy anywhere. Full source access, MIT licensed core. Perfect for agencies and custom builds.

Trusted by teams at Google, Microsoft, and IKEA — and thousands of developers worldwide.


✨ Key Highlights

  • 🔥 Native Firebase & Firestore integration — real-time data, Firebase Auth, and Firebase Storage out of the box
  • 🤖 AI-powered features — autofill fields with GPT/Gemini, generate collections with AI, and query data with natural language (DataTalk)
  • 🎨 Visual schema editor — build and modify Firestore data models from the UI, with automatic schema inference from existing collections
  • ✍️ Notion-style rich text editor — block-based content editing with slash commands and AI autocomplete
  • ⚡ Blazing fast — built on Tailwind CSS v4, replacing the old MUI/emotion stack
  • 🧩 Radical extensibility — custom React fields, views, hooks, and full theme control
  • 🔒 Security by design — your data stays in your Firebase project. No vendor lock-in.

Quick Start

FireCMS Cloud — Fastest Path to a Firebase CMS

Get a fully managed Firebase CMS connected to your Firestore project — no deployment, no maintenance:

👉 https://app.firecms.co

Free 1-month trial. No credit card required.

Self-Hosted Firestore CMS

Scaffold a new self-hosted project in seconds:

npx create-firecms-app

Or with yarn / pnpm:

yarn create firecms-app
pnpm create firecms-app

→ Full self-hosted setup guide


Features

🏓 Spreadsheet-Style Firestore Collection View

An incredibly fast, windowed spreadsheet view with inline editing, real-time updates, filtering, sorting, and text search. Switch between spreadsheet table, card grid, and Kanban board — automatically available for collections with enum properties.

🤖 AI-Powered Firebase Data Management

  • AI Autofill — generate titles, descriptions, translations, and more using context-aware prompts powered by OpenAI and Google Gemini
  • AI Collection Generation — describe your Firestore data model in natural language and let AI build your schema
  • DataTalk — query and update your Firestore data using natural language. Ask things like "Show all products over $100" or "Update all out-of-stock items"

→ Explore all AI features

🎨 Visual Schema Editor & Firestore Data Inference

Design your Firestore data models visually with 20+ field types and advanced validation rules. Or connect to an existing Firestore/MongoDB database and let FireCMS automatically infer your schema — go from zero to admin panel in minutes.

✍️ Notion-Style Rich Text Editor

A beautiful block-based editor with slash commands, drag-and-drop blocks, keyboard shortcuts, and AI-powered text completion. Built on TipTap v3.

📥📤 Data Import & Export

Import data from CSV, JSON, and Excel with an intuitive field mapper and validation UI. Export Firestore collections to CSV or JSON with customizable date formats and array serialization.

✨ Robust Forms & Custom Fields

Over 20 built-in field types including Firestore references, markdown, file uploads, arrays, maps, enums, date/time, geopoints, and more. Create custom fields as React components for anything else. Supports conditional fields, validation rules, and a Notion-style content editor.

🖥️ Full-Screen & Side Panel Entity Views

Edit Firestore documents in a side panel or expand to full-screen. Navigate through subcollections, access custom views, and build secondary forms — all with undo/redo support and local draft persistence.

🕐 Entity History & Audit Trail

Track every Firestore document change with built-in history. Compare versions, see who changed what and when, and safely revert to previous states.

👮 Roles, Permissions & User Management

Granular role-based access control for collections, fields, and actions. Manage users and roles directly from the UI, or define permissions programmatically in code.

→ Learn about permissions & security

🔄 Real-Time Firestore Data

Every view — collections, forms, and custom views — supports real-time Firestore updates. Changes sync instantly across all connected users.

🗂️ Firebase Storage Integration

Seamless integration with Firebase Storage for images, videos, and documents. Supports file uploads, drag-and-drop, image resizing, and custom storage implementations.

🧩 Custom Views & React Extensibility

Build entirely custom views (dashboards, previews, analytics) as React components and add them to the main navigation or as entity-level tabs. Use built-in hooks like useSideEntityController, useSnackbarController, and useAuthController to interact with FireCMS.

→ Developer documentation

🎨 Component Library (@firecms/ui)

A standalone, production-ready component library built on Tailwind CSS and Radix UI. Fully typed, accessible, and customizable. Use it in FireCMS or in any React project:

npm install @firecms/ui

→ Browse UI components

🏠 Customizable Firebase CMS Home Page

Organize Firestore collections into groups with drag-and-drop, favorites, and search. Supports custom branding, logos, and themes.

🖥️ CLI

Deploy custom code to FireCMS Cloud with a single command:

firecms deploy

Core Technologies

TechnologyVersion
TypeScript5.x
React18+
Tailwind CSSv4
Firebase12
Radix UILatest
TipTapv3

Editions

CommunityPROCloud
LicenseMITBSLManaged
HostingSelf-hostedSelf-hostedFully managed
Schema editor UI❌✅✅
AI features❌✅✅
DataTalk❌✅✅
Entity history❌✅✅
User management UI❌✅✅
Custom views & fields✅✅✅
Data import/export❌✅✅
Content history audit trail❌✅✅
MongoDB support❌✅❌
Custom branding✅✅✅

→ See full pricing & feature comparison


Who Uses FireCMS?

FireCMS is used across a wide range of use cases:

  • Startups — launch an MVP back-office in minutes, not weeks
  • Agencies — deliver custom, white-labeled admin panels to clients
  • Developers — build internal tools with React + TypeScript + Firestore
  • Enterprise teams — manage mission-critical data with fine-grained permissions and audit trails

Trusted by engineers at Google, Microsoft, IKEA, and thousands of companies worldwide.


Who Builds FireCMS?

Built and maintained by Camberi, a product engineering studio in Madrid and Munich that also builds for clients.


Demo

Explore the live demo — you can modify data freely, it gets periodically restored:

👉 demo.firecms.co


Packages

FireCMS is organized as a modular monorepo:

PackageDescription
@firecms/coreCore CMS framework, types, hooks, and components
@firecms/uiStandalone component library (Tailwind + Radix)
@firecms/firebaseFirebase/Firestore data source delegate
@firecms/cliCLI for project scaffolding and deployment
@firecms/collection_editorVisual schema/collection editor
@firecms/data_importData import plugin (CSV, JSON, Excel)
@firecms/data_exportData export plugin (CSV, JSON)
@firecms/entity_historyEntity history & audit trail plugin
@firecms/user_managementUser & role management plugin
@firecms/datatalkNatural language data queries (AI)
@firecms/data_enhancementAI-powered field autofill
@firecms/schema_inferenceAutomatic schema inference from Firestore data
@firecms/formexLightweight form management library
@firecms/mongodbMongoDB data source delegate

Support & Community


License

The core of FireCMS is licensed under the MIT License. Some packages used in FireCMS PRO and Cloud are licensed under the Business Source License 1.1 (BSL). See the full License for details.

Installation

Source-derived launch command. Check the maintainer’s required arguments and credentials before running:

bash
npx -y @firecms/mcp-server

Set up in your AI client

Merge this template into ~/Library/Application Support/Claude/claude_desktop_config.json. Keep existing servers. Add any arguments, credentials, and permissions required by the maintainer; this template has not been install-tested.

json
{
  "mcpServers": {
    "co-firecms-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@firecms/mcp-server"
      ]
    }
  }
}

Restart Claude Desktop completely for changes to take effect. Confirm the server appears connected in the client’s tool list, then try a read-only example from its documentation.

Claude Desktop setup reference

Package

@firecms/mcp-servernpm

Compatible MCP Clients

FireCMS Cloud works with any MCP-compatible client. Copy the config snippet from the Configuration section above and add it to the file shown for your client, then restart the application.

  • Claude Desktop~/Library/Application Support/Claude/claude_desktop_config.jsonRestart Claude Desktop completely for changes to take effect.
  • Cursor~/.cursor/mcp.jsonRestart Cursor for changes to take effect.
  • VS Code.vscode/mcp.jsonReload VS Code window for changes to take effect.
  • Windsurf~/.codeium/windsurf/mcp_config.jsonRestart Windsurf for changes to take effect.
  • Claude Code.mcp.jsonSave at the project root, then start Claude Code in that project and review the MCP server approval prompt. Keep real credentials out of shared files.

Learn More