Real Flutter screens
Ready to copy

Preview every screen live in your browser, view the Dart source, and drop it into your project.

Browse the libraryTemplates

249 widgets · 38 categories · MIT

Or let your agent do it.

One prompt sets up your coding agent. After that, ask for a screen. It finds a real one, adds the source, and fits it to your code.

Works withand any MCP client

Add a login screen and connect it to our AuthRepository

  1. Searches the library

    search_widgets("login")

    auth/login_hero Login Screen

  2. Adds the source

    add_widget(["auth/login_hero"])

    create: lib/fluttertemplates/auth/login_hero.dart

  3. Connects your code

    edit lib/main.dart

    onSignIn now calls AuthRepository.signIn()

  4. Checks the project

    flutter analyze

    No issues found!

Start from a working app.

Run it in your browser, copy the source, connect your backend.

Food Delivery App

Browse restaurants, customize items, check out and track the order on a map.

Banking Wallet App

PIN lock, accounts, transactions, transfers, cards and spending insights.

Retail POS and Inventory App

A register, payments, receipts, stock control and a daily sales summary.

All templates

Or take just the screen you need.

Every one runs live in your browser.

Sign in
Continue

Authentication

10

Login, signup, OTP, and lock screens

Is the design system ready?
Shipping it now
Message...

Chat

6

Bubbles, typing, and threaded replies

$48
$92

E-Commerce

12

Product grids, carts, and checkout

MRR
$8.4k
Active
1,204

Dashboard

6

Metrics, tables, and charts

Full name
jane@studio.dev
Create account

Forms

15

Inputs, validation, and wizards

Generate a calm empty state
Done. 3 variants.

AI

8

Assistant chats, prompts, and streaming states

Social Media

10

Stories, feeds, and profiles

Total balance
$12,840

Finance

8

Wallets, charts, and transactions

Navigation

11

Tab bars, rails, and drawers

All 38 categories