---
tags: components
title: Animations
description: "CSS animation utilities and keyframe animations for loading states, transitions, and visual feedback."
---

%button.btn.btn-xl.btn-info.anim-example-button-fadeout
  .icon.icon-xl.icon-eye
  anim-fadeout

%button.btn.btn-xl.btn-info.anim-example-button-slideup
  .icon.icon-xl.icon-arrow-upward
  anim-slideup

%button.btn.btn-xl.btn-info.anim-example-button-slidedown
  .icon.icon-xl.icon-arrow-downward
  anim-slidedown