A showcase project demonstrating Flutter web compatibility and performance. Built as a crypto token landing page with scroll-triggered animations, glassmorphism UI, and responsive layouts — all using zero external animation packages.

https://ottomandeveloper.github.io/piggyToken/

• Scroll-triggered reveals — AnimatedSection widget checks viewport position via centralized scroll observer, triggers AnimationController with fade + slide
• Staggered entrances — cards delay by N * 80ms based on their index
• Hero cascade — HeroEntrance widget plays once on mount with configurable delay (100ms to 1050ms stagger)
• Animated counters — Tween<double> counting from 0 to target with easeOutCubic curve
• Floating text — sin(t * pi) * 5px oscillation on a 4-second AnimationController loop
• FAQ accordion — AnimatedSize + AnimatedRotation + AnimatedContainer for smooth expand/collapse
• Hover effects — MouseRegion + AnimatedContainer / AnimatedDefaultTextStyle for smooth transitions

• Frame-batched scroll processing — single ScrollController listener, dispatched once per frame via addPostFrameCallback
• Centralized scroll observer — all animated widgets register with NavProvider instead of attaching individual listeners
• RepaintBoundary — each section isolated to prevent full-page repaints
• Image precaching — all raster assets decoded on startup via precacheImage
• MediaQuery.sizeOf — rebuilds only on size changes, not on any MediaQuery property change
• ClampingScrollPhysics — native web scroll feel without iOS bounce

• 3 breakpoints — mobile (< 650px), tablet (650-1099px), desktop (>= 1100px) via LayoutBuilder + Dart 3 switch expression
• Desktop — glassmorphism floating nav bar with active section highlighting, side-by-side layouts
• Tablet — backdrop-blur app bar, animated hamburger drawer with branding and Buy Now CTA
• Mobile — centered app bar, stacked layouts, truncated contract address, vertical footer

• abstract final class for all constant utility classes
• Switch expressions in Responsive widget
• Record types for drawer navigation items
• sealed / final class modifiers where appropriate

lib/
  core/
    functions/    # URL launcher utility
    hooks/        # Barrel file (all exports)
    provider/     # NavProvider (scroll, section tracking)
    utils/        # AppColors, AppAsset, AppText, AppLinks, AppSettings, Responsive
  layouts/
    header/       # Desktop, tablet, mobile header layouts + ContractBar
  pages/
    header/       # Header (responsive switch)
    stats/        # Animated counter stats bar
    introToken/   # Token info + tokenomics cards
    features/     # Feature cards with staggered reveal
    roadmap/      # Timeline with phases
    how_to_buy/   # Step-by-step guide
    team/         # Team member cards
    faq/          # Expandable FAQ accordion
    bottom/       # Footer
    starterScreen/# Root page (scroll container + section composition)
  Widgets/
    header/       # NavButton, GlassNavBar, TabletNav, SocialIcons
    animated_section.dart  # ScrollReveal, AnimatedSection, HeroEntrance

• Flutter SDK 3.44+
• Dart SDK 3.12+
• Chrome

git clone https://github.com/OttomanDeveloper/piggyToken.git
cd piggyToken
flutter pub get
flutter run -d chrome

flutter build web --release

Output is in build/web/.

MIT