Skip to content

Commit ecc1fe2

Browse files
authored
Added sample.json
1 parent a7201fc commit ecc1fe2

File tree

2 files changed

+51
-2
lines changed

2 files changed

+51
-2
lines changed

power-apps/svg-loading-spinners/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
# SVG Loading Spinners
22

33
One of the best ways to learn to implement simple, static animations in Canvas Apps - learn SVG!
4+
45
SVG is a robust format that allows you to perform vector graphic animations that are compliant with any web-based technology, including Canvas Apps. The simplest way to get started? Start experimenting with loading spinners!
6+
57
SVG lets you transform objects by moving, rotating, changing opacity, and much more. To best understand it, review some examples, go through some tutorials (highly recommending [w3schools](https://www.w3schools.com/graphics/svg_animation.asp)), and maybe try experimenting with LLMs!
68

79
![preview](./assets/svg-loading-spinners.gif)
810

9-
10-
1111
Here are a few examples that may help you get started!
1212

1313
### Dot spinner
Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
[
2+
{
3+
"$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json",
4+
"name": "pnp-powerplatform-snippets-svg-loading-spinners",
5+
"version": "1.0.0.0",
6+
"source": "pnp",
7+
"creationDateTime": "2025-07-06T00:00:00.000Z",
8+
"updateDateTime": "2025-07-06T00:00:00.000Z",
9+
"title": "SVG Loading Spinners",
10+
"shortDescription": "One of the best ways to learn to implement simple, static animations in Canvas Apps - learn SVG! Here are a few examples that may help you get started!",
11+
"longDescription": [
12+
"One of the best ways to learn to implement simple, static animations in Canvas Apps - learn SVG! Here are a few examples that may help you get started!"
13+
],
14+
"url": "https://github.com/pnp/powerplatform-snippets/tree/main/power-apps/svg-loading-spinners/",
15+
"products": [
16+
"Power Platform",
17+
"Power Apps",
18+
"powerplatform-snippets",
19+
"power-apps-snippets"
20+
],
21+
"tags": [],
22+
"categories": [],
23+
"metadata": [
24+
{
25+
"key": "Product",
26+
"value": "Power Apps"
27+
},
28+
{
29+
"key": "Type",
30+
"value": "Snippet"
31+
}
32+
],
33+
"thumbnails": [
34+
{
35+
"type": "image",
36+
"order": 100,
37+
"url": "https://raw.githubusercontent.com/pnp/powerplatform-snippets/main/power-apps/svg-loading-spinners/assets/svg-loading-spinners.gif",
38+
"alt": "Preview PNG"
39+
}
40+
],
41+
"authors": [
42+
{
43+
"gitHubAccount": "jan-chlebek",
44+
"name": "Jan Chlebek",
45+
"pictureUrl": "https://github.com/jan-chlebek.png"
46+
}
47+
]
48+
}
49+
]

0 commit comments

Comments
 (0)