mirror of
https://github.com/Screenly/Playground.git
synced 2026-04-07 09:47:12 -05:00
Various examples of how developers can use Screenly and Screenly's API
https://www.screenly.io
- TypeScript 35%
- JavaScript 25.8%
- CSS 21.8%
- HTML 10.1%
- SCSS 3.2%
- Other 4%
9b5b9b0359Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> |
||
|---|---|---|
| .claude | ||
| .github | ||
| .vscode | ||
| bootstrap | ||
| docs | ||
| dynamic-playlists | ||
| edge-apps | ||
| images | ||
| javascript-injectors | ||
| misc | ||
| scripts | ||
| .editorconfig | ||
| .gitattributes | ||
| .gitignore | ||
| .prettierignore | ||
| CNAME | ||
| LICENSE | ||
| README.md | ||
Screenly Playground
This repository holds various examples that showcases Screenly's features and API.
Edge Apps
If you are not familiar with Edge Apps, we suggest you review our developer documentation.
- 3D Text - A 3D text display app that renders text with depth and shadow effects.
- Asset Metadata - An example implementation of Screenly's metadata.
- BambooHR App - Displays employee birthdays, work anniversaries and other HR events from BambooHR.
- Calendar App - A simple calendar app that shows events from iCal data.
- CAP Alerting - Display Common Alerting Protocol (CAP) emergency alerts on Screenly digital signage screens.
- CharlieHR App - Displays employee birthdays, work anniversaries and other HR events from CharlieHR.
- Clock App - A simple clock app.
- Countdown Timer - A simple countdown timer app.
- Demo Dashboard - A collection of demo dashboards.
- Flying Toasters App - A simple toaster app that flies around the screen.
- Google Calendar App - A simple calendar app that shows events from Google Calendar.
- Grafana Dashboard - Displays Grafana dashboards as images on Screenly screens with automatic refresh intervals.
- iframe App - A simple iframe app.
- Menu Board App - A dynamic and responsive menu board for digital signage displays.
- Outlook Calendar App - A simple calendar app that shows events from Outlook Calendar.
- Power BI - A Power BI Edge App for securely accessing dashboards and reports.
- QR Code Generator - An example of how to build unique QR Codes that embeds the screen metadata as UTM parameters.
- RSS Reader - A simple RSS reader.
- Simple Message App - A simple message app.
- Simple Table App - A minimalist edge app for Screenly that displays CSV data as a beautifully formatted table.
- Simple Timer App - A simple timer app.
- Sonar Dashboard - A dashboard that displays the status of the Sonar - BLE Device Counter.
- Strava Club Leaderboard - A leaderboard of Strava club activities.
- TFL Bus Status App - An app to display TFL Bus Status for a given bus stop. A list of all bus stops can be found here - Bus Stop Lookup Tool
- Weather App - A simple weather app.
- Welcome App - A customizable welcome screen app.
Creating a New Edge App
To scaffold a new Edge App, run the following from the edge-apps/ directory:
bun create edge-app-template --no-git <your-app-name>
This generates a new app with TypeScript, the Screenly design system, manifest files, and all standard scripts pre-configured. See edge-apps/README.md for full details.
TypeScript Library
The Playground also offers an Edge Apps library that contains utilities for building Edge Apps including helper functions.
Details on how to use the library can be found in the @screenly/edge-apps package on NPM.
Other
- Bootstrap: A digital signage optimized Bootstrap theme for our Playground apps.
- Dynamic Playlists: An example of how to use Screenly's API to enable/disable a playlist based on weather conditions.
- Instagram App: A basic Instagram app for Screenly.
- JavaScript Injectors: Examples showing Screenly's JavaScript Injector.
- Legacy Edge Apps Library: A deprecated Vue-centric library for building Edge Apps. This has been replaced by the
@screenly/edge-appsNPM package.