Pulsing text Sliding text Spinning text

Power Apps already comes with many great controls out of the box. But still, sometimes you have a need that is not fulfilled with out-of-box functionality. Thanks to the pro developer extensibility of the platform we can create our own controls using the Power Apps Component Framework, PCF.

Here is a set of controls you can use to animate text in different ways

 

Pulsing Text

Pulsing Text controls pulse text using the configured colors. It's quite flexible and can display many different pulse patterns if you work a little on the pulse color property

S.O.S morse pattern :
white;black;white;black;white;black;white;white;
white;black;black;black;white;white;black;black;black;white;white;black;black;black;white;white;
white;black;white;black;white;black;white;

It supports the following configurations
  • Text
  • Pulse colors
  • Font
  • Font size
  • Font weight
  • Duration
  • Repeat
 

Sliding Text

The Sliding Text controls moves text from left to right or right to left like the old-school Marquee tag (I used that on my first web site back in 1995)
It supports the following configurations
  • Text
  • Color
  • Font
  • Font size
  • Font weight
  • Direction
  • Duration
  • Repeat
 

Spinning Text

The Spinning Text control allows you to display text along a circular path. 
It supports the following configurations
  • Text
  • Color
  • Font
  • Font size
  • Font weight
  • Direction
  • Duration
  • Repeat

Download controls on github: https://github.com/jenschristianschroder/PCF-Text-Animation/releases/tag/v0.0.9

Source code on github: https://github.com/jenschristianschroder/PCF-Text-Animation