Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 39 additions & 0 deletions power-apps/animation-halloween/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
# Halloween Animation

This custom PowerApps component brings Halloween to life with animated visuals and a chilling twist: it uses a non-standard font embedded directly in the component, requiring no installation on the user's device.
Designed for fun and fright, this component is perfect for:
- Creating Halloween-themed screens or splash pages
- Surprising your colleagues with spooky UI tricks
- Demonstrating how to embed and use custom fonts in PowerApps without local installation
Whether you're building a haunted app experience or showcasing creative component design, this YAML-based animation is a playful and technical treat for Makers everywhere 👻

Would you like a shorter version for a banner or a version in French as well? I can also help you write a README-style description or a post for sharing it with the Power Platform community!




![animation-halloween](./assets/animation-halloween.gif)


## Authors

Snippet|Author
--------|---------
Steve Bourdin | [GitHub](https://github.com/SteveBourdin) ([LinkedIn](https://www.linkedin.com/in/steve-bourdin-ab998762/) )

## Minimal path to awesome

1. Open your canvas app in **Power Apps**
2. Copy the contents of the **[YAML-file](./source/animation-halloween.yaml)**
3. Paste the code on a blank screen


## Code
**[YAML-file](./source/animation-halloween.yaml)**


## Disclaimer

**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**

<img src="https://m365-visitor-stats.azurewebsites.net/powerplatform-snippets/power-apps/animation-haloween" aria-hidden="true" />
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
52 changes: 52 additions & 0 deletions power-apps/animation-halloween/assets/sample.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
[
{
"$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json",
"name": "pnp-powerplatform-snippets-animation-halloween",
"version": "1.0.0.0",
"source": "pnp",
"creationDateTime": "2025-04-29T00:00:00.000Z",
"updateDateTime": "2025-04-29T00:00:00.000Z",
"title": "Keyboard",
"shortDescription": "A spooky animated component with an embedded custom font — no installation needed! Perfect for Halloween screens, themed apps, or pranking your colleagues while showcasing how to use non-standard fonts in PowerApps",
"longDescription": [
"A spooky animated component with an embedded custom font — no installation needed! Perfect for Halloween screens, themed apps, or pranking your colleagues while showcasing how to use non-standard fonts in PowerApps"
],
"url": "https://github.com/pnp/powerplatform-snippets/tree/main/power-apps/animation-halloween/",
"products": [
"Power Platform",
"Power Apps",
"powerplatform-snippets",
"power-apps-snippets"
],
"tags": [
],
"categories": [
],
"metadata": [
{
"key": "Product",
"value": "Power Apps"
},
{
"key": "Type",
"value": "Snippet"
}
],
"thumbnails": [
{
"type": "image",
"order": 100,
"url": "https://raw.githubusercontent.com/pnp/powerplatform-snippets/1a75e6a9210dc236726eb333740e5ac3a623fb98/power-apps/animation-halloween/assets/animation-halloween.png",
"alt": "Preview PNG"
}
],
"authors": [
{
"gitHubAccount": "SteveBourdin",
"name": "Steve Bourdin",
"pictureUrl": "https://github.com/SteveBourdin.png"
}
]
}

]
181 changes: 181 additions & 0 deletions power-apps/animation-halloween/source/animation-halloween.yaml

Large diffs are not rendered by default.