loading_ui 0.1.0-dev.1
loading_ui: ^0.1.0-dev.1 copied to clipboard
A collection of 35+ beautiful, customizable loading animations for Flutter. This is an AI-created version based on the work of loading-ui.com.
0.1.0-dev.1 #
Initial developer preview — full port of the loading-ui React/Tailwind library to Flutter.
New widgets (36 total) #
Spinners
RingLoader— classic 315° rotating arcSpokesLoader— radial spokes fading in sequenceArcLoader— single growing/shrinking arcDualArcLoader— two arcs counter-rotatingQuarterRingLoader— 90° arc spinnerClockRingLoader— clock-hand sweepConcentricRingLoader— two concentric rings at different speedsOrbitRingLoader— dot orbiting a stationary ringSatelliteRingLoader— ring + trailing satellite dotTripleDotLoader— three dots rotating as a unitClassicLoader— iOS-style 12-spoke fading spokesDotsRingLoader— ring of fading dotsSpiralLoader— dots arranged in a spiralTwinOrbitLoader— two dots in opposing orbitsDashRingLoader— Material indeterminate ring (dash-offset + spin)CometLoader— comet head with fading trail
Pulses
PulseLoader— expanding ring that fades outPulseDotLoader— filled dot breathing in/outRippleLoader— two offset expanding ripple rings
Dots
DotsLoader— dots fading in sequenceBouncingDotsLoader— dots bouncing verticallyBobbingDotsLoader— dots bobbing gentlyPulsatingDotsLoader— dots pulsing in scaleTypingLoader— chat "someone is typing" indicator
Bars
BarsLoader— vertical equaliser barsWaveLoader— smooth sine-wave bars
Text
TextBlinkLoader— any widget pulsing in opacityTextDotsLoader— label + animated ellipsis dotsTextShimmerLoader— highlight sweeps across textTextShimmerWaveLoader— per-character rise + colour wave
Special
SkeletonLoader— shimmer placeholder rectangleTerminalLoader— blinking block cursor promptInfinityLoader— ∞ symbol with animated dash strokeSwirlingLoader— swirling infinity with rotationWanderingEyesLoader— cartoon eyes that blink and look aroundAnalyzingImageLoader— AI image-scan effect with sweep line
Core infrastructure #
LoaderAnimationMixin— auto-starts/stops onMediaQuery.disableAnimationsLoaderWrapper—Semantics(liveRegion: true)+RepaintBoundaryphaseOf/lerpStopsstagger helpers incore/stagger.dart- Uniform API:
size,color,duration,semanticsLabelon all widgets - 145 passing widget tests across 4 test suites