{"id":17623430,"url":"https://github.com/guildofcalamity/animatedcircles","last_synced_at":"2026-01-24T16:05:47.143Z","repository":{"id":258802693,"uuid":"874985294","full_name":"GuildOfCalamity/AnimatedCircles","owner":"GuildOfCalamity","description":"A reusable animation control that can be added to any WinUI3 project.","archived":false,"fork":false,"pushed_at":"2024-10-23T21:11:03.000Z","size":771,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-02-25T11:46:18.083Z","etag":null,"topics":["animation","csharp","dotnet-core","visual-studio","winsdk","winui3","xaml","xaml-ui"],"latest_commit_sha":null,"homepage":"","language":"C#","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/GuildOfCalamity.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}},"created_at":"2024-10-18T20:49:43.000Z","updated_at":"2024-10-23T21:11:07.000Z","dependencies_parsed_at":"2024-10-21T22:58:51.105Z","dependency_job_id":null,"html_url":"https://github.com/GuildOfCalamity/AnimatedCircles","commit_stats":null,"previous_names":["guildofcalamity/animatedcircles"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuildOfCalamity%2FAnimatedCircles","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuildOfCalamity%2FAnimatedCircles/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuildOfCalamity%2FAnimatedCircles/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuildOfCalamity%2FAnimatedCircles/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GuildOfCalamity","download_url":"https://codeload.github.com/GuildOfCalamity/AnimatedCircles/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242711309,"owners_count":20173306,"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","csharp","dotnet-core","visual-studio","winsdk","winui3","xaml","xaml-ui"],"created_at":"2024-10-22T21:09:12.854Z","updated_at":"2026-01-24T16:05:47.098Z","avatar_url":"https://github.com/GuildOfCalamity.png","language":"C#","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Icon](Source/Assets/AppIcon.png)\r\n# WinUI - Animated Circles Demo\r\n\r\n\r\n## v1.0.0.0 - October 2024\r\n\r\n**Dependencies**\r\n\r\n| Assembly | Version |\r\n| ---- | ---- |\r\n| NET Core | 8.0 |\r\n\r\n- An animated circle demo using scale animations.\r\n- I see this animaton everywhere on the interwebs these days so I figured I'd regenerate it using **WinUI3**.\r\n- This is a reusable [UserControl](https://learn.microsoft.com/en-us/uwp/api/windows.ui.xaml.controls.usercontrol?view=winrt-26100) that can be added to any **WinUI3** project.\r\n\r\n![Sample](Source/Assets/Screenshot.png)\r\n\r\n![Example](Source/Assets/Animation.gif)\r\n\r\n## Usage (XAML)\r\n\t\r\n\t\u003cAnimatedCirclesControl\r\n\t    AnimationDuration=\"0.7\"\r\n\t    AnimationFrequency=\"0.1\"\r\n\t    CircleSize=\"20\"\r\n\t    GradientColorOne=\"#00408F\"\r\n\t    GradientColorTwo=\"#E0E0FF\"\r\n\t    IsRunning=\"{x:Bind ViewModel.Busy, Mode=OneWay}\"\r\n\t    ScaleFactor=\"1.5\"\r\n\t    UseRadialGradient=\"False\" /\u003e\r\n\t\r\n\t\u003c!-- \r\n\t- CircleSize (double)\r\n\t\t- Size in pixels of the circles.\r\n\t- AnimationDuration (double)\r\n\t\t- Time in seconds of the animation.\r\n\t- AnimationFrequency (double)\r\n\t\t- Time in seconds for the period of the animation.\r\n\t- GradientColorOne (Color)\r\n\t\t- The first color for the gradient.\r\n\t- GradientColorTwo (Color)\r\n\t\t- The second color for the gradient.\r\n\t- ScaleFactor (double)\r\n\t\t- How much to grow/shrink the circles.\r\n\t- IsRunning (bool)\r\n\t\t- True starts the animation, False stops the animation.\r\n\t- UseRadialGradient (bool)\r\n\t\t- If true then a RadialGradientBrush is used, if false a LinerGradientBrush is used.\r\n\t\t- If you don't want any gradient effect then set ColorOne and ColorTwo to the same value.\r\n\t--\u003e\r\n\t\t\r\n\t\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguildofcalamity%2Fanimatedcircles","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguildofcalamity%2Fanimatedcircles","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguildofcalamity%2Fanimatedcircles/lists"}