Flutter Widget Library
Production-ready Flutter widgets. Copy, paste, ship.
Login Screen
Clean email + password login with form validation and loading state
Register Screen
Full name, email, password registration with confirm password validation
OTP Input Field
6-digit PIN input with auto-focus, auto-advance, and shake on error
Splash Screen
Animated splash with logo fade-in and auto-navigate after delay
Forgot Password Screen
Email input with send reset link flow and success state
Sign Up with Role Selector
Registration screen with role selection grid — Owner, Manager, or Employee
Course Detail Screen
E-learning home with promo banner, mentors, category chips and course cards
Course Detail Page
Course detail with hero image, mentor, tabs, lessons and sticky enroll bar
Grocery Home Screen
Grocery home with brand header, search, banner, product cards and rounded bottom nav
Alert Widget
Dismissible alert banners in 5 styles — Info, Success, Warning, and Danger
Stat Card
Dashboard metric cards in 4 styles — Simple, Icon, Trend, and Progress
Code Scan
Payment QR + barcode card with header, tabs, and security footer
Balance Hero
Wallet hero card with currency selector, balance, and quick actions
Accordion (Card)
Card-style accordion with animated chevron and single-open behavior
Button Widget
One enum-driven button — 5 types, solid/pill/outline styles, 4 sizes, icon + loading
Chip
One enum-driven chip — basic, input, choice & status kinds, lavender selected state
Badge
One enum-driven badge — count, dot, label & status kinds on the house theme
Checkbox
Tristate checkbox — unchecked, checked & indeterminate, with label, disabled & error states
Switch Toggle
Animated on/off switch — lavender track, two sizes, with label and disabled states
Slider
Themed value slider — lavender track, optional value bubble, discrete steps & disabled
Range Slider
Dual-thumb range slider — lavender selected band, optional labels, discrete steps & disabled
Segmented Control
iOS-style segmented control — sliding white selection on a muted track, icons & disabled
Choice Chips
Single-select chip group — lavender selected chip, pill shape, wraps across lines
Filter Chips
Multi-select chip group — lavender check on selected chips, pill shape, wraps freely
Star Rating
Tap-to-rate star bar — lavender filled stars, half-star display, sizes & read-only
Quantity Selector
Minus / value / plus stepper — bounded min & max, disabled ends, touch-sized buttons
Bottom Navigation Bar
Bottom tab bar — flat, bordered & floating-pill styles, lavender active tab, icon + label
Cards
Reusable Flutter cards — basic, button, image and horizontal layouts