Home

Awesome

Spinkit.Xaml

A port of a collection of styles for the Windows 8 Progress Ring control, inspired by the CSS SpinKit by Tobias Ahlin. Demo video available on Youtube: Spinkit Xaml demo.

Usage

Install the nuget package:

Install-Package Spinkit.Xaml

Which will import the Spinkit.Styles.xaml resource dictionary into your projects. You can then import this dictionary in your App.xaml.

<Application.Resources>
  <ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
      <ResourceDictionary Source="Spinkit.Styles.xaml" />
    </ResourceDictionary.MergedDictionaries>
  </ResourceDictionary>
</Application.Resources>

You can then mark up your Progress Ring controls with the new styles.

<ProgressRing IsActive="True" Style="{StaticResource RotatingPlaneProgressRingStyle}" />

Check out the sample app in this repository to browse all the available styles.