Open SourceMIT LicenseNo Backend Required

Document your Firestore database with JSON Schema

Interactive schema viewer for Firebase & Firestore · Like Swagger for NoSQL

Turn your Firestore collections into beautiful, interactive documentation. Uses JSON Schema standard. Zero backend, zero config, works instantly.

Try Live Demo Quick Start Guide

No build stepNo backendWorks in 2 minutes

QUICK START: CDN SETUP

Add these 2 lines to any HTML page

<link rel="stylesheet" href="unpkg.com/firestore-schema-viewer/dist/style.css">
<script src="unpkg.com/firestore-schema-viewer/dist/fsv.umd.js"></script>

See full setup guide →

Why FireSchema?

Auto-Discovery

Point it at a folder of .schema.json files and FireSchema builds the full collection tree automatically.

JSON Schema Standard

Uses the JSON Schema 2020-12 standard — no proprietary format to learn. Works with any validator or toolchain.

Learn more →

Zero Backend

Pure static SPA. Host on GitHub Pages, Vercel, or any CDN. No server, no database, no API required.

Folder = Hierarchy

Your folder structure mirrors your Firestore paths. Nested folders become subcollections automatically.

AI-Ready

Generate schema files with any LLM using the included prompt template. Describe your collections, get valid schemas.

CDN or npm

Use via CDN with a single script tag, or install from npm for full control in your build pipeline.

Built for Every Developer

Whether you're building solo or managing a team, FireSchema fits your workflow

For Solo Developers

Building an MVP or side project? Keep your Firestore database organized from day one — without the overhead of complex tools.

Set up in under 5 minutes via CDN
Free, open-source, zero backend
Document your collections before they become spaghetti

Learn Firestore Best Practices →

For Teams & Tech Leads

Onboarding new developers takes weeks when nobody documents the database. FireSchema turns your repo into a living data model reference.

Onboard developers in hours, not weeks
Schema changes go through code review via PRs
Single source of truth in your git repository

See Team Documentation →

See it in action

Explore a live FireSchema viewer with example Firestore collections. Click on collections to browse their schemas.

index.html

Choose your setup

Pick the method that fits your project. CDN is the fastest way to start.

index.html

<!-- index.html -->
<link rel="stylesheet"
  href="https://unpkg.com/firestore-schema-viewer/dist/style.css">

<div id="app"></div>

<script src="https://unpkg.com/firestore-schema-viewer/dist/fsv.umd.js"></script>
<script>
  FirestoreSchemaViewer.render('#app', {
    schemasDir: './schemas/'
  })
</script>

Pros

Zero install
Single HTML file
Always latest version

Cons

Requires internet
No version lock

Size

0 KB — loaded from CDN

Full documentation on GitHub