Edocs logo Edocs logo
Start your content search
  • Understand Empathy Platform
  • Onboard Empathy Platform
  • Play with Empathy Platform
  • Develop Empathy Platform
  • About Empathy Platform Docs About Empathy Platform Docs
  • Product Roadmap Product Roadmap
  • Video Library Video Library
  • Blog Blog
  • What's new What's new
  • FAQs FAQs
  • Empathy GitHub Empathy GitHub
  • Previous documentation Previous documentation
Empathy website
Home / Develop Empathy Platform / UI Reference / Base components /
<1 min read

Animations

Animations-related components can be combined with other components to animate the display.

Animation components

Animate Width

Component to render a transition that wraps an UI element and animates its width.

Cross Fade

Component to render a transition that wraps and animates the UI with fades between two toggle elements simultaneously.

No Animation

Component to use as default in the template with dynamic components.

Collapse Height

Component to render a transition that wraps and animates an UI element with a height animation.

Fade And Slide

Component to render a transition group that wraps and animates UI elements with a fade and slide animation.

Staggered Fade and Slide

Component to render a transition transition group that wraps and animates UI elements with a staggered fade and slide animation.

Collapse Width

Component to render a transition that wraps and animates an UI element with a width animation.

Fade

Component to render a transition that wraps and animates UI elements, fading in and out the element by changing its opacity.

Did you find this topic helpful?

Cookie-Less
©2025 Empathy.co, Inc.
Updated: June 24, 2025
Privacy Policy