🚧 Work in Progress - Experimental Flutter component library for demonstration purposes only.

Explore the components in the live WidgetBook showcase:

View Live WidgetBook Demo

cd widgetbook
flutter pub get
dart run build_runner build --delete-conflicting-outputs
flutter run -d chrome

This repository contains experimental Flutter components showcased through WidgetBook. The components are currently in development and not production-ready.

Version: 0.0.4

• FFCard: Flexible card component with multiple layout options
• FFGrid: Responsive grid system with three layout types
• FFOverlay: Hero overlay component for featured content
• FFCarousel: Responsive carousel with sliding behavior
• FFSlideshow: Full-screen slideshow component

• Default configuration
• Media alignment variations
• Aspect ratio variations
• Heading levels
• Minimal content examples
• Text-only versions

• Grid layout with column controls
• Mixed content examples

• Default configuration
• Content variations
• Style variations
• Positioning variations
• Aspect ratio variations
• Heading levels

• Default configuration
• Image-based carousel
• Single item view
• Multiple items view

• Default configuration
• Image slides
• Minimal configuration
• Custom content
• Single slide demo

FillaFlow/
├── packages/filla_flow/     # Component implementations
│   ├── lib/
│   │   ├── filla_flow.dart  # Main export file
│   │   ├── src/
│   │   │   ├── widgets/     # Component widgets
│   │   │   ├── types/       # Type definitions
│   │   │   └── utils/       # Shared utilities
│   │   └── test/           # Component tests
└── widgetbook/              # Demo application
    ├── lib/
    │   ├── main.dart        # Entry point
    │   ├── *.widgetbook.dart # Component showcases
    │   └── main.directories.g.dart # Auto-generated

• Flexible media alignment (left, right, top, bottom)
• Multiple aspect ratios (monitor, square, video)
• Responsive layout with auto-layout option
• Rich metadata support (author, tags, reading time)
• Customizable heading levels

• Three layout types (wrap, fixed, auto)
• Responsive column configuration
• Custom spacing and aspect ratios
• Automatic layout detection

• Hero-style overlays with gradient effects
• Multiple positioning options
• Various content box styles
• Flexible overlay fills

• Responsive item display
• Auto-play functionality
• Customizable navigation
• Multiple gap sizes

• Full-screen slide presentations
• Auto-play with configurable intervals
• Multiple navigation styles
• Custom content support

• Components are experimental and may change
• Always run build_runner after modifying WidgetBook files
• Focus development in the widgetbook directory
• Not suitable for production use

• Build errors: Run dart run build_runner build --delete-conflicting-outputs
• Missing components: Regenerate with build_runner
• Hot reload issues: Restart the application

Start exploring components by running the commands in the widgetbook directory or check the live demo.