533 screens · installable by your agentFree · full source code · no sign-up

The first Flutter UI kit your AI agent can install.

533 production screens with full Dart source and step-by-step tutorials. Read the walkthrough, copy the code, ship it — completely free.

your-app — claude
you › add a checkout screen
claude → flutterkit · install_screen("ecom-checkout")
↓ fetching from FlutterKit…
✓ added lib/screens/ecom_checkout.dart
✓ added lib/widgets/order_summary.dart
Installed in 1.4s — ready to run.

Two ways to install

Two ways to install. Same 533 screens.

Point your AI agent at the library and it installs screens by name over MCP — or run one CLI command yourself. Same production Dart either way, straight into your lib/.

Model Context Protocol

Your agent — via MCP

Claude (or any MCP client) lists and installs screens by name. No context-switch, no copy-paste.

agent · MCP
list_screens({ category: "ecom" })
← 24 screens
→ install_screen("ecom-checkout")
✓ 2 files → lib/screens/
One command

You — via CLI

Prefer the terminal? The same library is one command away — the Dart lands in your project, ready to run.

you · zsh
$ flutterkit add ecom-checkout
↓ fetching…
✓ added lib/screens/ecom_checkout.dart
Done in 1.2s · ready to run
One-command install
Real Dart, fully editable
Every future screen free
From the makers of FlutterKit

Try it live

Browse the whole library, live.

Not a mockup reel — the full library, open to explore. Search all 533 production screens across every category and user journey, then copy the one-line flutterkit add for any screen.

Like what you see?

Browse all 533 screens →

How it works

From screen to shipped in 60 seconds

No zip files to hunt through. No sign-up wall. Open a screen, read how it works, take the code.

1

Find your screen

Browse the library and open any screen. No account, no sign-up, nothing to unlock.

/pro/screens
2

Read the walkthrough

Each screen has a step-by-step tutorial explaining the real code, chunk by chunk.

build it, understand it
3

Copy the Dart

The complete source is on the page, copyable. Paste it into your lib/ folder and run.

$ flutter run

Step 3 — add any screen

your-flutter-app — zsh
$ flutterkit add fintech-wallet
↓ fetching from your library…
✓ added lib/screens/fintech_wallet.dart
✓ added lib/widgets/balance_card.dart
Done in 1.2s · ready to run

Everything you get

All of this. Free.

Not a trial. Not a seat. The whole library is public and yours to ship.

  • 533 production-ready Flutter screens
  • Installable by your AI agent over MCP
  • One-command CLI install for you
  • Every future screen — free, forever
  • Clean, editable Dart — modify anything
  • Unlimited commercial & client projects
  • No account, no license, no payment

Yours forever

Free. Every screen, every time.

No subscription, no per-seat billing, no expiry — and nothing to buy. The whole library is public, and every screen added in the future is free too.

  • All current screens, every category
  • Every future screen, free forever
  • Use in unlimited apps, including client work
Freealways

Always current

The latest code is one command away.

When a screen gets improved or a new one ships, the tutorial and source are updated in place — always the newest version, no re-downloading, no manual merging.

  • Full source published per screen
  • Real, production-ready Dart — no black box
  • Edit freely once it’s in your project
$ flutterkit add fintech-wallet
✓ updated to v1.4
new: dark mode variant

Before you ask

No catch. Just screens you can ship.

Every screen is free

Browse the whole library, read any tutorial, take any code. Nothing is held back.

Production-ready, not Figma exports

Real Dart that compiles and runs — not a mockup you have to rebuild by hand.

Works in any Flutter project

No lock-in, no framework. Drop a screen into your existing app and ship.

Yours to own

Use it in unlimited personal, commercial, and client projects.

The short version

What is FlutterKit Pro?

FlutterKit is a free Flutter UI library — 533 production-ready app screens, each with a step-by-step tutorial and the complete Dart source (flutterkit add <screen>).

It is completely free — no account, no license, no payment — with unlimited use in personal, commercial, and client projects.

Unlike zip-based Flutter UI kits, each screen is delivered individually as clean, editable Dart you own and customize.

FAQ

Good questions

What exactly do I get?+

Full Flutter source for every screen in the library — clean, production-ready Dart you drop into your own app and customize. Not a package you import and can’t touch; real code you own.

How do I actually get the code?+

Open any screen and its tutorial page shows the complete Dart source, chunk by chunk, with a copy button. Paste it into your lib/ folder and run. No account, no key, no payment.

Do I need an account or a GitHub login?+

No. Nothing on the site requires signing up. The tutorials and the full source are public pages — all you need is Dart, which you already have.

Is it really all free?+

Yes. Every screen in the library, and every screen added in the future, is free — full source code and a step-by-step tutorial, with nothing behind a sign-up or a payment.

Can I use the screens in client or commercial apps?+

Yes — unlimited personal and commercial projects, including client work. The one thing not allowed is reselling the screens themselves as a kit.

What’s the catch?+

There isn’t one. Every screen is previewable and readable at /pro/screens — what you see is exactly what you get, and it costs nothing.

Ship your next screen tonight.

Real, production-ready Dart with a step-by-step walkthrough — free, no sign-up.