# Might be of use, animate snippets **URL:** \ **Category:** Elements\ **Created:** [June 18, 2025, 3:54pm UTC](https://forums.realmacsoftware.com/t/might-be-of-use-animate-snippets/48129 "2025-06-18T15:54:05Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 18, 2025, 3:54pm UTC](https://forums.realmacsoftware.com/t/might-be-of-use-animate-snippets/48129/1 "2025-06-18T15:54:05Z")
I am building a component with animation options might be of use or not, video to show use variants of animate-spin animate-pulse animate-ping animate-bounce animate-bounce [animation-duration:3s] animate-pulse [animation-duration:5s] animate-ping [animation-duration:5s] animate-spin [animation-duration:5s] animate-ping [animation-duration:5s] [animation-delay:1s] [animation-timing-function:ease-in-out] ease-in ease-out ease add number of iterations animate-pulse [animation-duration:5s] [animation-delay:1s] [animation-timing-function:ease-in-out] [animation-iteration-count:3] animate-pulse [animation-duration:5s] [animation-delay:1s] [animation-timing-function:ease-in-out] [animation-iteration-count:3] [animation-direction:alternate] animation direction options alternate normal reverse alternate-reverse animate-pulse [animation-timing-function:cubic-bezier(0.68,-0.55,0.27,1.55)] ---
**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\ **Post date:** [June 19, 2025, 7:14am UTC](https://forums.realmacsoftware.com/t/might-be-of-use-animate-snippets/48129/2 "2025-06-19T07:14:25Z")
ok used Elements Bot working on animations small bit of my project I thought I would just make simple, created components, one to allow css, added my own then asked the Bot to get scroll, not difficult but seconds