Power Apps Animation Components

Animated progress bars and interactive elements for Microsoft Power Apps - loading states, progress tracking, and visual feedback. Copy-paste YAML code included.

Last updated: Sep 5

Animated Bar Chart

NEW

Bars that grow from the baseline one after another, values fading in above them. One SVG image, your labels and values from Settings, click to replay. Light and dark.

Animated Line Chart

Sophisticated animated SVG line chart with gradient fills, data points, and comprehensive customization. Perfect for dashboards and data visualization.

Success Check

NEW

The tick that draws itself after a save: a ring sweeps in, the check mark draws, the message appears. Show it with one variable, hide it again automatically. Light and dark.

Staggered Fade-in

NEW

A list whose rows appear one after another, each fading in while sliding up. One Timer, one tick variable, and every row works out its own moment. Light and dark.

Loading Spinner

NEW

Three styles of please wait in one SVG image: a spinning ring, pulsing dots or bouncing bars, with an optional caption. Bind Visible to your loading flag. Light and dark.

Animated Toggle

A two-option switch (Monthly / Yearly, List / Board) with a pill that slides to the chosen side. Sets varToggle so the rest of the screen can follow. Light and dark.

Count-up Number

A KPI figure that counts from 0 to its target when the screen opens: 12,480 users, 98.5%, $1.2M. Ease-out curve, prefix and suffix, decimals, optional replay. Light and dark.

Progress Bar

A bar that fills with an ease-out curve, a status line, a percentage and a Start button. Turns green and reads Done at 100. For uploads, imports and anything that takes a moment.

Progress Circle

A ring that sweeps to a value with an ease-out curve, the number in the middle and a caption below. One container, one value to swap for your own formula. Light and dark.

Power Apps Animation Components | PowerLibs