Flutter UI Components

Discover and implement beautiful, responsive components for your Flutter applications

31 Components

Back Button AppBar

An app bar with a back button for navigation.

appbar
Back Button AppBar preview

Basic AppBar

A basic app bar with title and actions.

appbar
Basic AppBar preview

Action Button

A material design action button with customizable properties.

button
Action Button preview

Floating Button

A floating action button with customizable properties.

button

Icon Button

A material design icon button with customizable properties.

button
Icon Button preview

Icon Outlined Button

A material design icon outlined button with customizable properties.

button
Icon Outlined Button preview

Outlined Button

A material design outlined button with customizable properties.

button
Outlined Button preview

Primary Button

A material design primary button with customizable properties.

button
Primary Button preview

Date Card

A card displaying date information in a structured layout.

card
Date Card preview

File Card

A card representing a file with icon and metadata display.

card
File Card preview

History Card

A card designed to display historical data or events.

card
History Card preview

Icon Card

A card featuring an icon prominently at the top or center.

card
Icon Card preview

Image Card

A card containing an image with customizable content below.

card
Image Card preview

Info Card

A card used to display informational content in a clean format.

card
Info Card preview

Magic Card

A uniquely styled card with dynamic visual effects.

card
Magic Card preview

Menu Card

A card that displays menu options or navigation links.

card
Menu Card preview

Modern Card

A sleek and modern card design with enhanced styling.

card
Modern Card preview

Support Card

A card used to present support-related information or contact details.

card
Support Card preview

Toggle Card

A card with toggle functionality to show/hide content dynamically.

card
Toggle Card preview

Date Pick Text Input Field

A text input field with integrated date picking functionality.

inputfield

Leading Text Input Field

A text input field with a leading icon or widget.

inputfield

Password Text Input Field

A secure password input field with visibility toggle support.

inputfield

Primary Text Input Field

A standard primary-styled text input field.

inputfield

Single Char Text Input Field

A specialized input field designed to accept only a single character.

inputfield

Glass Loading

A glassmorphism-style loading indicator with blur and transparency effects.

loading

Primary Loading

A standard primary-themed loading indicator with circular animation.

loading

Blood Group Selection

A selection widget designed to choose a blood group from predefined options.

selection

Gender Selection

A selection widget designed to choose gender with customizable options.

selection
Gender Selection preview

Status Selection

A selection widget to choose a status (e.g., active, inactive, pending).

selection
Status Selection preview

Document Title

A tile component designed to display document titles with metadata.

tile
Document Title preview

Download Tile

A tile component with download functionality and progress indicator.

tile
Download Tile preview