Portal Labs | Premium Flutter UI Components

Portal Labs is my collection of zero dependency Flutter UI components. No extra packages. Copy what you need into any project.

Available as an open-source package at pub.dev/packages/portal_labs and github.com/lportals/portal_labs.

Design Philosophy

Every component uses only core Flutter and Dart. No version conflicts, no bloat. Paste it in and go.

Component Library

  • Reveal & Copy: Secure data masking with animated scramble reveal and clipboard integration.
  • Modern Weight Picker: Precision scrollable ruler with magnetic snapping and haptic feedback.
  • Premium Choice Chips: Animated multi-selection chips with flying media transitions.
  • Journal Navigation: Vertical date navigation with 3D flip counters and snapping transitions.
  • Card Splitting Accordion: Cards that physically split from a cohesive block with tactile motion.
  • Adaptive Slider: Value-aware gradient slider with real-time color morphing.
  • Range Selection Slider: Bi-directional range selector with odometer-style flip counters.
  • Subscription Pricing Picker: SaaS pricing selector with animated monthly/yearly toggle.
  • Media Collapsible View: Reels-inspired fluid scaling between full-screen and detail view.
  • High-Fidelity Knob Slider: Hardware-inspired dial with mechanical odometer display.
  • Card Stack Interaction: Chronological card stack with center-point expansion animation.
  • Discrete Tabs: Pill-expanding tab bar with bounce and shimmer on selection.
  • Split Button Interaction: Primary button that morphs into a horizontal action pill.
  • Morphing Input Button: CTA that morphs into a text input with soft-focus reveal.
  • Scratch to Reveal: Physical scratching simulation with canvas blend modes.
  • Split to Edit: Duration picker that splits into editable segments.
  • Modern Fractional Picker: Horizontal ruler with predictive magnetic snapping.
  • Currency Swap: Animated currency exchange interaction with fluid transitions.
  • Stepper Control: Premium numeric stepper with refined press feedback.
  • Progress & Pagination: High-end progress and page indicators for product UIs.

Explore the interactive simulator on mobile, or open Labs from the desktop portfolio at luisportal.com.