Portal Labs is a curated collection of 30 premium, zero-dependency Flutter UI components and advanced interactions built exclusively with vanilla Flutter and Dart. Every widget is designed for production use, with full customization, haptic feedback, and 60/120fps performance.
Built by Luis Portal, Senior Flutter Developer. Available as an open-source package at pub.dev/packages/portal_labs and github.com/lportals/portal_labs.
Zero-dependency architecture ensures maximum portability — every component uses only the core Flutter and Dart libraries, making them instantly copy-pasteable into any project without version conflicts or bloat.
Secure data masking interaction with animated scramble reveal and clipboard integration. Perfect for displaying sensitive data like credentials or financial account numbers. Features configurable masking, timed auto-revert, and smooth clipboard micro-animations.
Precision scrollable ruler widget with magnetic snapping and haptic feedback. Custom-painted high-resolution track with major/minor increments. Low-latency value synchronization optimized for 60fps interaction.
Animated multi-selection chip component with flying media transitions. Supports Unicode emojis, Material icons, and custom images. Kinetic landing animations and an integrated Odometer-style selection counter.
Vertical date-based navigation component with 3D flip counters and snapping transitions. Direction-aware flip animations for past/future scroll states. Decoupled architecture allowing any custom widget as journal entry content.
Dynamic grouping interaction where cards physically split from a cohesive block. Phase-shifted corner radius interpolation and displacement for a natural tactile feel. Comprehensive AccordionStyle configuration for full theming control.
Value-aware gradient slider with real-time color morphing across defined thresholds. Contextual indicator points that recalculate their gradient state on every frame. Gradient typography where value labels share the adaptive track color.
Premium bi-directional range selector with mechanical Odometer-style 3D flip counters. Manual text input support with seamless transition from counter to keyboard mode. Adaptive formatting for localized numeric and currency symbols.
High-fidelity SaaS pricing selector with animated monthly/yearly billing toggle. Minimalist cards with selection states, animated borders, and Popular badge support. Native light/dark mode support via the PortalTheme design system.
Reels-inspired interaction with fluid coordinate scaling between full-screen and detail view. Dual-phase gesture handling with seamless bottom-sheet to list scroll handover. Dynamic blur layering simulating real-time color bleeding without GPU overhead.
Production-ready hardware-inspired dial widget with mechanical odometer numeric display. Delta-based rotation tracking eliminating the dead-zone jump of standard circular sliders. 3D depth perception with digit tilt and fade through a virtual window.
Premium chronological card stack with symmetric center-point expansion animation. Layered 3-level visual hierarchy that hides extra cards until expanded. Synchronized AnimatedCrossFade and AnimatedRotation for smooth layout transitions.
Minimalist pill-expanding tab bar with aesthetic bounce and shimmer text on selection. High-fidelity easeOutBack expansion curve from compact circle to full pill shape. Both internal self-managed state and external currentIndex control supported.
Premium morphing action menu where a primary button becomes a horizontal navigation pill. Synchronized action slide with opacity, blur, and width interpolation. Elastic pop bounce and sophisticated motion blur text emergence on close.
Call-to-action button that morphs into a text input field with soft-focus reveal effect. Peak 1.5 sigma blur during transition creates a dreamy, high-end feel. Fully theme-aware with automatic ThemeData inheritance and granular overrides.
High-fidelity physical scratching simulation using advanced canvas blend modes. Procedurally generated diagonal grid texture mimics real scratch card surfaces. Intelligent auto-reveal with configurable coverage threshold and smooth fade-out.
Premium duration picker that splits from a unified view into editable segments. ElasticOutCurve bounce transition creates a tactile physical splitting effect. Haptic integration with subtle selection and impact feedback for mechanical feel.
Precision horizontal ruler for numeric input with predictive magnetic snapping. Configurable friction and snapStiffness for tailored tactile response. Performance-optimized with AnimatedBuilder and local painting cache for 60/120 FPS.
Premium morphing search and discovery component with elastic container transitions. Dual containers physically expand and shrink for seamless category-to-search morph. Micro-bounce physics with custom cubic curves and 10% overshoot for premium feel.
Sequential loading flow with tranquil label transitions using Skew-X, Motion Blur, and Elastic Bounce. Dynamic ProgressStage objects for non-uniform loading thresholds and custom labels. Size-independent shimmer system that remains consistent regardless of bar width.
Premium toggle component switching between input modes with synchronized pulse animation. Scale and opacity pulse on trigger for tactical haptic-style feedback. Smooth AnimatedSwitcher for sub-pixel interpolation of icons and placeholder text.
Premium top-aligned notification system with 3D chronological stacking physics. Custom UI builders for total layout freedom and action callback integration. Deep styling support for icons, typography, and background shapes.
Premium switch widget that reveals additional nested content with gradient track animation. Island inset header with concentric rounded corners, animated border, and shadow depth. Spring-based elastic bounce opening animation for revealed content.
High-fidelity dual-section list with Apple-style flight physics between sections. Self-measuring layout engine handles items of any dynamic size with pixel-perfect accuracy. Dynamic Z-order management ensures the traveling item always maintains visual priority.
High-fidelity task management with concentric Island design and diagonal flight animations. Tri-stage completion interaction with lateral shift, state toggle, and diagonal landing. Concurrent animation support via Set-based tracking for multiple simultaneous flights.
Premium availability picker with spring physics and real-time collision detection. Smart validation system with configurable validationInterval and auto-correcting logic. Spring-based expansion using SpringSimulation for hardware-inspired physical feel.
Premium "Magic Move" tag selection with custom Apple-inspired spring physics. Self-measuring Wrap layouts with dynamic natural sizing adapting to system accessibility. Custom damped harmonic oscillator replicating premium native OS bounce and flight.
Premium spring-based notification panel with staggered entry and header summary states. SpringSimulation for natural momentum-based expansion and collapse feel. Intelligent staggered child animation sequencing with independent opacity and Y-translation.
Minimalist tactile stepper with mechanical flip animations and full layout customization. Integrated PremiumFlipCounter for fluid odometer-style numerical transitions. Circular tactile buttons with scale-down feedback and light-impact haptics.
Tactile navigation component with mechanical flip animations and automatic layout stability. Intelligent column width calculation based on total pages prevents jumping layouts. Fully customizable button border radius, padding, border width, and icons.
Premium currency conversion interface with custom flag dropdowns and real-time flip counters. High-performance overlay menu with selection checkmarks and zero layout jank. Mechanical flip counter using PremiumFlipCounter for fluid numerical transitions.
Add portal_labs to your pubspec.yaml:
dependencies:
portal_labs: ^0.17.0Portal Labs is built and maintained by Luis Portal, a Senior Flutter Developer specializing in premium mobile UI engineering, clean architecture, and zero-dependency component design. Available for remote contract work and full-time senior Flutter roles.