A Blazor component library that provides easy-to-use animations based on animate.css for web content.
BlazorAnimation is a Blazor component library that enables developers to easily add CSS-based animations to their web applications. It wraps the animate.css library into a reusable Blazor component, allowing declarative animation configuration directly in Razor markup. It solves the problem of integrating complex CSS animations into Blazor projects without manual JavaScript interop.
Blazor developers building interactive web applications who want to enhance UI with smooth, pre-built animations without writing custom CSS or JavaScript.
Developers choose BlazorAnimation for its seamless integration with Blazor, extensive animation library from animate.css, and simple API that reduces boilerplate code compared to manual animation implementations.
a Blazor component based on animate.css to easly animate your content
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Provides access to over 90 pre-built animations from animate.css via an intuitive Effect enum, such as BounceOutUp or Jello, reducing the need for custom CSS.
Offers flexible parameters like Speed, Delay, and IterationCount with enums (e.g., Speed.Fast) and custom TimeSpans, allowing precise control directly in Razor markup.
Includes an OnAnimationEnd callback to trigger C# methods after animations complete, enabling interactive scenarios like form validation shakes, as shown in the InputPassword example.
Supports ASP.NET Core named options for defining consistent animation configurations across components, demonstrated with named setups in program.cs.
Requires adding a custom JS file to _Host.cshtml and handling potential interop issues, adding setup complexity compared to pure CSS solutions.
The README admits that Blazor WASM may need an empty AnimationOptions configuration in program.cs to avoid errors, indicating platform-specific quirks.
Tied strictly to animate.css effects, so projects requiring advanced animations beyond CSS, like custom JavaScript logic or SVG animations, aren't supported.