Free Flutter Widget Library

Flutter UI components.
Copy. Paste. Ship.

134 production-ready Flutter widgets with DartPad-compatible Dart code. Browse, copy, and run instantly — no setup, no signup, forever free.

Browse Components

No account needed · DartPad ready · MIT licensed

alert_widget.dart

import 'package:flutter/material.dart'; void main() {  runApp(const MyApp());} class AlertWidget extends StatelessWidget {  final AlertType type;  final String message;   @override  Widget build(BuildContext context) {    return Container(      padding: EdgeInsets.all(16),      decoration: BoxDecoration(        color: _getColor(type),        borderRadius: BorderRadius.circular(8),      ),      child: Text(message),    );  }}

134

Widgets

Building Flutter UI from scratch wastes hours.

🔍

No single source of truth

Flutter widget documentation is scattered across pub.dev, Medium articles, and YouTube tutorials.

🐛

Copy-paste code that doesn't run

Most Flutter snippets online are incomplete — missing imports, missing main(), missing context.

⏱

Rebuilding the same widgets

Every project starts the same — login screen, alert widget, bottom nav. You've written these a hundred times.

FlutterKit solves all three.

How it works

Three steps from browsing to running code.

Browse the component you need

Search by name or filter by category. Every component has a live preview showing exactly what it looks like.

Copy the complete Dart code

Each widget ships with a full void main() entry point. Paste into DartPad and it runs immediately — zero setup.

Drop it into your Flutter project

Customize colors, text, and behavior. Every widget uses only Flutter SDK — no external packages required.

This is an info alert

Saved successfully

Check your connection

Something went wrong

Components

Every variant. One file.

The Alert widget ships with 5 styles and 4 types — 20 variants total. Copy the complete Dart file and use any variant with a single enum parameter.

Soft, Outlined, Filled, With Title, With Actions
Info, Success, Warning, Danger types
Dismissible with built-in state

DartPad Ready

Paste and run. Every time.

Every widget includes a complete void main() → runApp() entry point. Open DartPad, paste, press Run. It works.

Zero external packages — Flutter SDK only
void main() included in every snippet
Tested for DartPad compatibility

DartPad▶ Run

import 'package:flutter/material.dart';void main() { runApp(const ChipDemo());}// Renders a Material chip

Output: Widget rendered successfully ✓

20+ categories. 134 widgets.

From auth flows to e-commerce UI — everything a Flutter mobile app needs.

Questions

Is FlutterKit really free?

Yes. Every component, every code snippet, every variant — free forever. No signup, no paywall, no credit card. AdSense on the site keeps it sustainable.

Will the code run on DartPad?

Yes. Every snippet includes a complete void main() entry point and uses only Flutter SDK — no external packages. Paste into dartpad.dev and press Run.

Can I use this in commercial projects?

Absolutely. Copy, paste, modify, ship — in personal or commercial projects. No attribution required.

Do I need to install any packages?

No. Every widget uses only Flutter's built-in SDK — material.dart and core Flutter widgets. Nothing to add to pubspec.yaml.

How often are new components added?

New components are added regularly. The goal is to cover every common Flutter mobile UI pattern with production-quality, DartPad-ready code.

What Flutter version is required?

Flutter 3.0+ and Dart 3.0+. All widgets use null-safety and modern Flutter patterns including const constructors and StatefulWidget lifecycle best practices.

Free Forever

Start building Flutter UI today.

134 widgets. DartPad-ready code. No signup needed.

Browse Components →

rohansurve.in/flutterkit · Free forever

Flutter UI components.Copy. Paste. Ship.