Develop ultra fast with Prismane 🎉

Animation API

Learn about the Animation component's props and CSS classes.


import { AnimationProps } from "@prismane/core";


Animation extends Transition component's props.

animationPrismaneAnimations / AnimationThe animation of the container. Could be a prebuilt or a custom one.fade
transitionPrismaneTransitions / stringThe transition property of the container.all
durationnumberThe duration of the animation.150
delaynumberThe delay of the animation.0
timingstringThe timing of the animation.ease-in-out
animatedbooleanThe state of the animation.true


Animation extends Transition component's CSS classes.

RuleGlobal ClassDescription
root.PrismaneAnimate-rootThe wrapper box of the animation.