{"id":13466390,"url":"https://github.com/ctrl-alt-d/blazor-dom-confetti","last_synced_at":"2025-03-25T21:32:11.861Z","repository":{"id":38820784,"uuid":"258807483","full_name":"ctrl-alt-d/blazor-dom-confetti","owner":"ctrl-alt-d","description":"Celebrate success with dom confetti on Blazor projects!","archived":false,"fork":false,"pushed_at":"2023-03-04T14:33:57.000Z","size":1619,"stargazers_count":20,"open_issues_count":10,"forks_count":2,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-22T09:02:22.855Z","etag":null,"topics":["blazor","hacktoberfest"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/ctrl-alt-d.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-04-25T15:20:13.000Z","updated_at":"2023-10-09T20:17:17.000Z","dependencies_parsed_at":"2024-01-18T14:41:16.606Z","dependency_job_id":"a56b3126-c95d-4c26-a427-5af7162d38f2","html_url":"https://github.com/ctrl-alt-d/blazor-dom-confetti","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/ctrl-alt-d%2Fblazor-dom-confetti","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrl-alt-d%2Fblazor-dom-confetti/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrl-alt-d%2Fblazor-dom-confetti/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ctrl-alt-d%2Fblazor-dom-confetti/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ctrl-alt-d","download_url":"https://codeload.github.com/ctrl-alt-d/blazor-dom-confetti/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245168877,"owners_count":20571804,"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":["blazor","hacktoberfest"],"created_at":"2024-07-31T15:00:43.370Z","updated_at":"2025-03-25T21:32:10.955Z","avatar_url":"https://github.com/ctrl-alt-d.png","language":"HTML","funding_links":[],"categories":["Libraries \u0026 Extensions"],"sub_categories":["Components"],"readme":"# blazor-dom-confetti\n\n`blazor-dom-confetti` is a blazor wraper component for [dom-confetti](https://github.com/daniel-lundin/dom-confetti).\n\n![ScreenShot](./DemosAndMore/ScreenShot/i.gif)\n\nCan I see a live demo? Yes, at https://blazorrepl.com/repl/wluQmuPX38bvbL8n28\n\n## QuickStart\n\nInstall [blazor-dom-confetti via nuget](https://www.nuget.org/packages/blazor-dom-confetti/) with your favorite method:\n   * .net cli: `dotnet add package blazor-dom-confetti --version 0.0.0.5`\n   * Package reference: `\u003cPackageReference Include=\"blazor-dom-confetti\" Version=\"0.0.0.5\" /\u003e`\n   * Package manager: `Install-Package blazor-dom-confetti -Version 0.0.0.5`\n\nUse component where you want, just insert `\u003cBlafettis @ref=\"blafettis\" /\u003e` component where you want to raise confettis, and call `blafettis.RaiseConfetti();` method (remember to include namespace `using BlafettisLib;` or `@using BlafettisLib`):\n\n```razor\n@page \"/counter\"\n@using BlafettisLib\n\n\u003cbutton class=\"btn btn-primary\" @onclick=\"IncrementCount\"\u003e\n    Click me\n    \u003cBlafettis @ref=\"blafettis\" /\u003e\n\u003c/button\u003e\n\n@code {\n    private int currentCount = 0;\n    protected Blafettis blafettis;  // get the reference\n\n    private void IncrementCount()\n    {\n        currentCount++;\n        blafettis.RaiseConfetti();  // raise confetti via method\n    }\n}\n```\n\nPersonalize your confetti with options (colors, angle, velocity, ...) see demo for a sample https://github.com/ctrl-alt-d/blazor-dom-confetti/blob/main/DemosAndMore/Demos/DemoServerSide/Pages/Options.razor\n\n_From version `0.0.0.4` no js includes are needed._\n\n### Contributions\n\n* Be free to PR any feature or bugfix.\n* Be free to post any issue.\n* Be free to star and promote this project and also [dom-confetti](https://github.com/daniel-lundin/dom-confetti) project.\n\n### About\n\n* License MIT, copyright Dani Herrera. The component blazor-dom-confetti is a wrapper for Daniel Lundin's [dom-confetti](https://github.com/daniel-lundin/dom-confetti) project. [dom-confetti](https://github.com/daniel-lundin/dom-confetti)'s code is included on `bundle.js` for devs convinience. \n\n## What about a native blazor version\n\nA blazor native version, without javascript, wrote 100% on c# and html is available at [./DemosAndMore/dom.confetti-blazor-native-component/blazor-blazor-confetti](./DemosAndMore/dom.confetti-blazor-native-component/blazor-blazor-confetti). It is a 100% JS free native blazor component. This component is a clone of [dom-confetti](https://github.com/daniel-lundin/dom-confetti) but without javascript, just Blazor. Not ready for production.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fctrl-alt-d%2Fblazor-dom-confetti","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fctrl-alt-d%2Fblazor-dom-confetti","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fctrl-alt-d%2Fblazor-dom-confetti/lists"}