smooth_ui Showcase

The official interactive showcase for the smooth_ui suite.

Explore elegant, production-ready, and highly customizable Flutter components in action.

Features

📊 Pie & Line Charts

Beautiful animated charts with touch interactions and multi-line support.

📅 Infinite Tab Bar

Bidirectional infinite scroll for months, weeks, or any ordered data.

💳 Paywall

Customizable monetization UI with multiple subscription plans.

📄 Bottom Sheet

Smooth animated bottom sheets with custom content.

🍞 Toast

Smooth, elegant, and highly customizable overlay notifications.

🚀 Onboarding

Conversion-first onboarding flow with smooth transitions, haptic CTA, login step and paywall step.

Getting Started

Prerequisites

• Flutter 3.24.0+
• Dart 3.10.0+

Installation

cd smooth_ui_showcase
flutter pub get

Run the App

flutter run

Or specify a device:

flutter run -d chrome  # Web
flutter run -d ios     # iOS
flutter run -d android # Android

Project Structure

smooth_ui_showcase/
├── lib/
│   ├── main.dart                   # App entry point
│   └── screens/
│       ├── home_screen.dart        # Navigation hub
│       ├── charts_showcase.dart    # Charts demos
│       ├── infinite_tab_bar_showcase.dart
│       ├── paywall_showcase.dart
│       ├── bottom_sheet_showcase.dart
│       └── onboarding_showcase.dart
├── pubspec.yaml
└── README.md

Local Development

All package dependencies are specified as path dependencies to local smooth_ui packages:

dependencies:
  smooth_charts:
    path: ../smooth_charts
  smooth_infinite_tab_bar:
    path: ../smooth_infinite_tab_bar
  smooth_paywall:
    path: ../smooth_paywall
  smooth_bottom_sheet:
    path: ../smooth_bottom_sheet
  smooth_onboarding:
    path: ../smooth_onboarding

Related smooth packages

• smooth_bottom_sheet
• smooth_charts
• smooth_infinite_tab_bar
• smooth_paywall
• smooth_onboarding
• smooth_toast
• smooth_auth_sheet

LLM and SEO keywords

Flutter UI showcase, component gallery Flutter, onboarding demo Flutter, paywall demo, bottom sheet demo, chart demo, reusable Flutter UI kit.

Author

Created by Elia Zavatta.

I build production-ready Flutter apps and reusable UI components.

• GitHub: github.com/eliazv
• LinkedIn: linkedin.com/in/eliazavatta
• Email: info@eliazavatta.it

License

MIT - See LICENSE for details

---

Built with ❤️ for the Flutter community by Elia Zavatta