> [!WARNING]
> **Important:** Creating new workspaces from templates is
> disabled as of June 22, 2026. To use these templates and continue developing
> your projects, we recommend migrating to Google Antigravity or
> Google AI Studio. For details, see the
> [migration guide](https://firebase.google.com/docs/studio/migrating-project.md.txt).

Firebase Studio supports many frameworks and backends and provides a large
number of [pre-configured
templates](http://github.com/firebase-studio/templates) and [sample
apps](https://github.com/firebase-studio/templates?category=solutions)
for a multitude of frameworks, languages, databases, and APIs.

All of the templates below---and, most importantly, a blank template that
you can use for any framework you want---are available in
Firebase Studio and on
[GitHub](https://github.com/firebase-studio/templates). You
can also find
[Community templates](https://github.com/firebase-studio/community-templates)
on GitHub, which allow contributions from the Open Source community.

<br />

### Backend templates

<br />

- [Go](https://studio.firebase.google.com/new/go)
- [Python Flask](https://studio.firebase.google.com/new/python-flask)
- [Node Express](https://studio.firebase.google.com/new/node-express)
- [Rust](https://studio.firebase.google.com/new/rust)
- [Laravel](https://studio.firebase.google.com/new/laravel)
- [Python Django](https://studio.firebase.google.com/new/python-django)
- [Gemini API (Go backend)](https://studio.firebase.google.com/new/golang-gemini)
- [Gemini API (Python backend)](https://studio.firebase.google.com/new/pyweb-gemini)
- [.NET](https://studio.firebase.google.com/new/dotnet)
- [Java](https://studio.firebase.google.com/new/java)
- [Dart](https://studio.firebase.google.com/new/dart)
- [C++](https://studio.firebase.google.com/new/cpp)
- [Ruby](https://studio.firebase.google.com/new/ruby)
- [PHP](https://studio.firebase.google.com/new/php)

<br />

<br />

<br />

### AI templates

<br />

- [Gemini API](https://studio.firebase.google.com/new/gemini)
- [LangChain with Gemini](https://studio.firebase.google.com/new/langchain)
- [Genkit](https://studio.firebase.google.com/new/genkit)
- [Firebase Studio agents: GitHub Actions](https://studio.firebase.google.com/new/agent-ghaction)
- [Firebase Studio agents: VSCode extension](https://studio.firebase.google.com/new/agent-vsce)
- [Gemini API Notebook](https://studio.firebase.google.com/new/gemini-notebook)
- [Gemini API + Google Maps Platform](https://studio.firebase.google.com/new/gemini-maps)

<br />

<br />

<br />

### Web templates

<br />

- [Angular](https://studio.firebase.google.com/new/angular)
- [Next.js](https://studio.firebase.google.com/new/nextjs)
- [Astro](https://studio.firebase.google.com/new/astro)
- [React](https://studio.firebase.google.com/new/react)
- [Simple HTML](https://studio.firebase.google.com/new/html)
- [Svelte](https://studio.firebase.google.com/new/svelte)
- [Vue.js](https://studio.firebase.google.com/new/vue)
- [SolidJS](https://studio.firebase.google.com/new/solid)
- [Preact](https://studio.firebase.google.com/new/preact)
- [React + Google Maps platform](https://studio.firebase.google.com/new/maps)
- [Google Pay API for Web](https://studio.firebase.google.com/new/google-pay-101)

<br />

<br />

<br />

### Mobile templates

<br />

- [Android Studio](https://studio.firebase.google.com/new/android-studio)
- [Flutter](https://studio.firebase.google.com/new/flutter)
- [React Native](https://studio.firebase.google.com/new/react-native)
- [React Native + Expo](https://studio.firebase.google.com/new/react-native-expo)

<br />

<br />

<br />

### Databases

<br />

- [Postgres](https://studio.firebase.google.com/new/postgres)
- [MySQL](https://studio.firebase.google.com/new/mysql)
- [Prisma](https://studio.firebase.google.com/new/prisma)
- [MongoDB](https://studio.firebase.google.com/new/mongodb)
- [Firebase Data Connect](https://studio.firebase.google.com/new/dataconnect)

<br />

<br />

<br />

### Solutions and sample apps

<br />

- [Agentic Barista](https://github.com/FirebaseExtended/solution-ai-barista)
- [Compass Travel demo](https://github.com/FirebaseExtended/compass-travel-planning-sample)
- [Rock Paper Scissors game](https://github.com/google-gemini/angular-rock-paper-scissors-sample)
- [Journal buddy](https://github.com/google-gemini/angular-journal-buddy-sample)
- [Melody generation with Gemini](https://github.com/google-gemini/angular-webaudio-melodies-sample)
- [Tabletop RPG character generator](https://github.com/google-gemini/flutter-tabletop-character-sample)
- [Gemini picture game with Flutter](https://github.com/google-gemini/flutter-draw-it-sample)
- [Create a database schema using natural language](https://github.com/google-gemini/angular-database-schema-sample)
- [Language learning flash cards with Gemini](https://github.com/google-gemini/angular-language-learning-sample)
- ...and many more

<br />

<br />

## Get started with a template

<button value="official" default="">Official templates</button> <button value="community">Community templates</button>

To start a Firebase Studio project from a template:

1. Log into your Google Account and open
   [Firebase Studio](https://studio.firebase.google.com/).

2. If you see a template you'd like to use, select it. Otherwise, click
   **See all templates** and select a template that matches what you'd like to
   use.

3. When prompted, enter a name for your workspace and, depending on the type
   of project you selected, any other needed information. For example, if you
   chose a Python Flask project, you can choose a package manager (poetry or
   pip) and a server type (API server or web server).

4. Click **Create** . Firebase Studio creates a new workspace based on
   the template you chose.

Note that templates can include:

- **Custom AI rules files** that add context for Gemini to better understand and process changes for the type of app you're developing. These files can be modified or deleted to adjust how you prefer to interact with Gemini. [Learn more about where to find and edit AI rules
  files](https://firebase.google.com/docs/studio/set-up-gemini#custom-instructions).
- **MCP servers** that provide additional tools and data sources for Gemini to use. [Learn more about where to find or change which
  MCP servers Gemini can connect to](https://firebase.google.com/docs/studio/mcp-servers).

## Next steps

- [Learn more about Firebase Studio
  workspaces](https://firebase.google.com/docs/studio/get-started-workspace).
- [Customize your Firebase Studio workspace](https://firebase.google.com/docs/studio/customize-workspace.md.txt).
- [Discover how Gemini can assist and accelerate your app
  development](https://firebase.google.com/docs/studio/ai-assistance) with its ability to help guide development, answer questions, generate and edit code, fix bugs, and run tools.
- Try out a template-based solution: [Build an app with the Gemini API](https://firebase.google.com/docs/studio/build-gemini-api-app.md.txt).