{"id":28907990,"url":"https://github.com/thebelovedmoon/segoeloaders","last_synced_at":"2026-05-08T10:35:40.486Z","repository":{"id":296472665,"uuid":"993464933","full_name":"thebelovedmoon/segoeLoaders","owner":"thebelovedmoon","description":"see the spinners in action!!","archived":false,"fork":false,"pushed_at":"2025-05-30T23:49:44.000Z","size":135,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-21T16:07:00.615Z","etag":null,"topics":["animation","boot","demo","font","glyph","javascript","microsoft","segoe","segoe-boot","segoe-fonts","spinner","web","windows"],"latest_commit_sha":null,"homepage":"https://thebelovedmoon.github.io/segoeLoaders","language":"JavaScript","has_issues":false,"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/thebelovedmoon.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":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-30T20:53:33.000Z","updated_at":"2025-05-30T23:49:48.000Z","dependencies_parsed_at":"2025-05-31T10:18:36.624Z","dependency_job_id":"bc44ee43-4c11-4388-91ee-d72e705fc121","html_url":"https://github.com/thebelovedmoon/segoeLoaders","commit_stats":null,"previous_names":["thebelovedmoon/segoeloaders"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thebelovedmoon/segoeLoaders","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thebelovedmoon%2FsegoeLoaders","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thebelovedmoon%2FsegoeLoaders/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thebelovedmoon%2FsegoeLoaders/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thebelovedmoon%2FsegoeLoaders/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thebelovedmoon","download_url":"https://codeload.github.com/thebelovedmoon/segoeLoaders/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thebelovedmoon%2FsegoeLoaders/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261153706,"owners_count":23116919,"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":["animation","boot","demo","font","glyph","javascript","microsoft","segoe","segoe-boot","segoe-fonts","spinner","web","windows"],"created_at":"2025-06-21T16:07:00.664Z","updated_at":"2026-05-08T10:35:40.479Z","avatar_url":"https://github.com/thebelovedmoon.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://c.s-microsoft.com/favicon.ico\" alt=\"Microsoft logo\" width=\"48px\"\u003e\n\n# Windows Spinners\n\nvisit the demo: https://thebelovedmoon.github.io/segoeLoaders\n\nthis page demonstrates how the infamous Windows spinners (debuted since Windows 8) are displayed.\n\n## how it works\n\nthis works by using the **\"Segoe Boot Mono\"**, which has exclusive glyphs (denoted by `U+E052` to `U+E0CB` and `U+E100` to `U+E176`) that can be used to denote the spinners by default. while there are frameworks that emulate the spinners, what makes them unique is that this is the first glyph to have the Windows 11 spinner glyph baked in.\n\nnormally, we call these glyphs \"Private Use Areas\" as they are normally unassigned by standard and by default.\n\n## features and functionalities\n\nthis page has the following features and quirks:\n\n### infinite spinner animation\n\nthis page harnesses a complex JavaScript function that makes each glyph loop endlessly. you can learn more about it in the [resouces](#resources) section.\n\n### consolidated to an AIO (all-in-one) page\n\nthis page has took a huge step in consolidation as everything will be put into a single page for easy access. on the backend, every page display will be handled through JavaScript.\n\n(remember the term \"URL Query\" as this will become relevant later on.)\n\n### two spinner versions\n\nthis page has two versions of the spinners:\n\n- \"Version 1\", which is the spinner first introduced in Windows 8, and is still being used across Windows today.\n- \"Version 2\", which is the spinner first introduced in Windows 11. it's mostly evident in boot screens and feature updates.\n\n### two font variations\n\nalongside spinner versions, this also has two font variations:\n\n- `segoe_slboot.ttf`, which is the \"normal\" version of the font.\n- `segoen_slboot.ttf`, which is the \"condensed\" version of the font.\n\nif you want to view the fonts in detail, they can be located on `C:\\Windows\\Boot\\Fonts`.\n\n### variable FPS\n\nthis page lets you see the animations of the spinners in various FPS values!! to get started with variable FPS, see the steps in [how to use](#how-to-use) section.\n\n## how to use\n\n1. visit the website as noted by the link [at the beginning of this document](#windows-spinners).\n2. at the URL bar, key in the following URL query: `?version={ver}\u0026type={typ}\u0026fps={fps}` -- where:\n    - `{ver}` can be \"1\" or \"2\" (the spinner version)\n    - `{type}` can be \"normal\" or \"condensed\" (the font variation)\n    - `{fps}` can be any number in frames per second\n3. enjoy the spinner animation!!\n\n## resources\n\n- \"Infinitely Cycle Through an Array\" by kirupa: https://www.kirupa.com/javascript/infinitely_cycle_through_array.htm \n- \"i found something in the segoe boot semilight font\" by u/Fluid_Lake4958: https://www.reddit.com/r/windows/comments/176frs8/i_found_something_in_the_segoe_boot_semilight_font \n- \"Private Use Areas\" by Wikipedia: https://en.wikipedia.org/wiki/Private_Use_Areas \n- \"URLSearchParams\" (URL Query) by MDN Web Docs: https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams \n\n## disclaimer\n\nthe fonts on this repository are (c) Microsoft Corporation, and may be considered proprietary. this repository utilizes these fonts for demonstration purposes.\n\nthe source code of this repository is MIT-licensed. you may review the LICENSE file for more details.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthebelovedmoon%2Fsegoeloaders","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthebelovedmoon%2Fsegoeloaders","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthebelovedmoon%2Fsegoeloaders/lists"}