{"id":20384865,"url":"https://github.com/screenly/playground","last_synced_at":"2025-10-06T02:49:24.534Z","repository":{"id":37732576,"uuid":"109182811","full_name":"Screenly/Playground","owner":"Screenly","description":"Various examples of how developers can use Screenly and Screenly's API","archived":false,"fork":false,"pushed_at":"2025-04-10T09:31:58.000Z","size":40732,"stargazers_count":26,"open_issues_count":13,"forks_count":11,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-04-10T09:36:37.597Z","etag":null,"topics":["api","digital-signage","digital-signage-api"],"latest_commit_sha":null,"homepage":"https://www.screenly.io","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Screenly.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-01T20:53:30.000Z","updated_at":"2025-04-03T08:50:00.000Z","dependencies_parsed_at":"2025-03-17T20:24:35.280Z","dependency_job_id":"f359ff3a-4819-4a36-b5fb-7337bcf9482b","html_url":"https://github.com/Screenly/Playground","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Screenly%2FPlayground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Screenly%2FPlayground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Screenly%2FPlayground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Screenly%2FPlayground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Screenly","download_url":"https://codeload.github.com/Screenly/Playground/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248545022,"owners_count":21122068,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","digital-signage","digital-signage-api"],"created_at":"2024-11-15T02:30:10.160Z","updated_at":"2025-10-06T02:49:24.509Z","avatar_url":"https://github.com/Screenly.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Screenly Playground\n\n![Playground Logo](/images/playground.svg)\n\nThis repository holds various examples that showcases Screenly's features and API.\n\n## Edge Apps\n\nIf you are not familiar with Edge Apps, we suggest you review our [developer documentation](https://developer.screenly.io/edge-apps/#getting-started).\n\n- [3D Text](https://github.com/Screenly/Playground/tree/master/edge-apps/3d-text) - A 3D text display app that renders text with depth and shadow effects.\n- [Asset Metadata](https://github.com/Screenly/Playground/tree/master/edge-apps/asset-metadata) - An example implementation of Screenly's metadata.\n- [Clock App](https://github.com/Screenly/Playground/tree/master/edge-apps/clock) - A simple clock app.\n- [Countdown Timer](https://github.com/Screenly/Playground/tree/master/edge-apps/countdown-timer) - A simple countdown timer app.\n- [Charlie HR App](https://github.com/Screenly/Playground/tree/master/edge-apps/charlie-hr-app) - Displays employee birthdays, work anniversaries and other HR events from Charlie HR.\n- [Flying Toasters App](https://github.com/Screenly/Playground/tree/master/edge-apps/flying-toasters) - A simple toaster app that flies around the screen.\n- [iFrame App](https://github.com/Screenly/Playground/tree/master/edge-apps/iframe) - A simple iFrame app.\n- [Power BI](https://github.com/Screenly/Playground/tree/master/edge-apps/powerbi-legacy) - A Power BI Edge App for securely accessing dashboards and reports.\n- [QR Code Generator](https://github.com/Screenly/Playground/tree/master/edge-apps/qr-code) - An example of how to build unique QR Codes that embeds the screen metadata as UTM parameters.\n- [RSS Reader](https://github.com/Screenly/Playground/tree/master/edge-apps/rss-reader) - A simple RSS reader.\n- [Sonar Dashboard](https://github.com/Screenly/Playground/tree/master/edge-apps/sonar-dashboard) - A dashboard that displays the status of the [Sonar - BLE Device Counter](https://github.com/Viktopia/sonar).\n- [Strava Club Leaderboard](https://github.com/Screenly/Playground/tree/master/edge-apps/strava-club-leaderboard) - A leaderboard of Strava club activities.\n- [Simple Message App](https://github.com/Screenly/Playground/tree/master/edge-apps/simple-message-app) - A simple message app.\n- [TFL Bus Status App](https://github.com/Screenly/Playground/tree/master/edge-apps/tfl-bus-status) - 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](https://playground.srly.io/edge-apps/helpers/tfl/bus-stop-lookup/)\n- [Weather App](https://github.com/Screenly/Playground/tree/master/edge-apps/weather) - A simple weather app.\n- [Welcome App](https://github.com/Screenly/Playground/tree/master/edge-apps/welcome-app) - A customizable welcome screen app.\n\n### Creating a new Edge App from the template\n\n\u003e [!IMPORTANT]\n\u003e Make sure that you have the following installed before proceeding:\n\u003e\n\u003e - [Bun (1.2.2+)](https://bun.sh/docs/installation)\n\u003e - [Screenly Edge App CLI (v1.0.3+)](https://github.com/Screenly/cli?tab=readme-ov-file#installation)\n\nAfter installing `bun` and the Screenly CLI, run the following command to create a new Edge App:\n\n```bash\ncd edge-apps/\nbun create --no-git edge-app-template \u003cedge-app-name\u003e\n```\n\n```plaintext\nCreated \u003cedge-app-name\u003e project successfully\n\n# To get started, run:\n\n  cd \u003cedge-app-name\u003e\n  bun run dev\n```\n\nThis will create a new Edge App with the name `\u003cedge-app-name\u003e` in the `edge-apps` directory.\n\n\u003e [!NOTE]\n\u003e Don't forget to update `README.md` and `screenly.yml` as needed.\n\nYou can now run the local development server with a single command:\n\n```bash\ncd \u003cedge-app-name\u003e\nbun run dev\n```\n\nFollow the instructions in the `README.md` file of the new Edge App for more details.\n\n### TypeScript Library\n\nThe Playground also offers an Edge Apps library that contains utilities for building Edge Apps including helper functions and reusable Vue components.\nThe source code is located inside the `edge-apps/blueprint` directory.\n\nTo install the library, run the following command:\n\n```bash\nbun add github:Screenly/Playground\n```\n\nThis will install the latest version of the library in the default branch.\n\nYou can also specify a specific version or branch:\n\n```bash\nbun add github:Screenly/Playground#vX.Y.Z\nbun add github:Screenly/Playground#[branch-name]\n```\n\nDetails on how to use the library can be found in [this guide](/docs/edge-apps-library.md).\n\n## Other\n\n- [Bootstrap](https://github.com/Screenly/playground/tree/master/bootstrap/): A digital signage optimized Bootstrap theme for our Playground apps.\n- [Dynamic Playlists](https://github.com/Screenly/playground/tree/master/dynamic-playlists/): An example of how to use Screenly's API to enable/disable a playlist based on weather conditions.\n- [Instagram App](https://github.com/Screenly/playground/tree/master/instagram/): A basic Instagram app for Screenly.\n- [JavaScript Injectors](https://github.com/Screenly/playground/tree/master/javascript-injectors/): Examples showing Screenly's JavaScript Injector.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscreenly%2Fplayground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscreenly%2Fplayground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscreenly%2Fplayground/lists"}