Springs, gestures, layout animations and variants, inspired by Framer Motion and rebuilt for Blazor. All of the maths runs in C#, none of the JavaScript wiring is yours, and no animation library ships alongside it.
dotnet add package Bit.Bmotion
Where the element starts, and where it is going. Everything else — springs, gestures, keyframes, drag, layout — is the same component with more of them. Hover the box, then press it; the code underneath is the whole sample.
Compositor-eligible work — tweens and settled springs on transform and opacity, which is most enter, exit, hover and variant animation — is pre-sampled in C# and handed to the browser's Web Animations API, so it plays off the main thread with no per-frame interop at all. Everything else runs on the C# rAF engine.
Everything in the box:
Every card below links to the demo that proves it, and every one of those demos ships its own source.
Stiffness and damping, or bounce and duration if that is how you think - plus the full easings.net family, per property if you want.
WhileHover, WhileTap and WhileFocus overlay a state on the base animation and revert themselves. Tap is keyboard-accessible out of the box.
Name your states once, then switch a whole subtree to one of them and stagger the children into place - even from a per-element function.
Sequences of values with their own offsets, per-segment easing and repeat behaviour, written as plain collection expressions.
Headlines that assemble a character, a word or a line at a time - split in C#, so nothing re-splits on re-render and a screen reader still reads the sentence.
Exit animations that run before the element actually leaves the DOM - for one element, a keyed list, or content being replaced.
Axis locks, container constraints, elastic edges, momentum - and lists that reorder themselves under the pointer without re-rendering.
FLIP the gap between two layouts, with border-radius correction and child counter-scaling handled for you.
Hand a scroll-linked animation to the browser's native scroll timelines - no handler, no interop - or scrub it yourself as a MotionValue, or trigger it the first time an element comes into view.
Animate by selector, interpolate a bare number, build a timeline with overlapping steps, then pause it and change its speed.
Send an element along a path, draw a stroke on with pathLength, or morph one shape into another.
prefers-reduced-motion that softens rather than deletes, keyboard-accessible taps, and an inspector that shows what the engine is doing.
Twenty pages, in the order they are meant to be read. Press Ctrl K anywhere on the site to jump straight to one.
Bmotion is part of bit platform, free and open source. The whole engine lives in the repository, so you can read it, file an issue against it, or send a pull request.