LottieFiles
To Refresh
0:000:00

Free To Refresh Animation

A la hora de realizar una interacción es muy importante tener en cuenta los principios de la animación, a continuación te explico porque 😋 ✅ Anticipación: para preparar al usuario de una acción que está apunto de ocurrir. ✅ Estirar y aplastar: para darle sensación de naturalidad y sensibilidad. ✅ Acelerar y frenar: para crear movimientos más realistas por la gravedad y la resistencia. ✅ Arcos: En el mundo real prácticamente todo se mueve y deforma con trayectorias curvas o arqueadas ¿Lo sabías? ¿De que principio te gustaría saber más? Los veo en los comentarios 👀

A la hora de realizar una interacción es muy importante tener en cuenta los principios de la animación, a continuación te explico porque 😋 ✅ Anticipación: para preparar al usuario de una acción que está apunto de ocurrir. ✅ Estirar y aplastar: para darle sensación de naturalidad y sensibilidad. ✅ Acelerar y frenar: para crear movimientos más realistas por la gravedad y la resistencia. ✅ Arcos: En el mundo real prácticamente todo se mueve y deforma con trayectorias curvas o arqueadas ¿Lo sabías? ¿De que principio te gustaría saber más? Los veo en los comentarios 👀

  • Optimized dotLottieRecommended
    2.4 KB

    Smallest file size with themes and interactivity.

    91% smaller than Lottie JSON
  • dotLottie
    2.9 KB

    Compressed, supports theming and states.

  • Optimized Lottie JSON
    18.3 KB

    Optimized JSON for faster loading.

    29% smaller than Lottie JSON
  • Lottie JSON
    25.6 KB

    Standard Lottie format, broad compatibility.

Other export formats

Interactions & plugins

View all
figma
after-effects
framer
canva
webflow
wix

Free to use under the Lottie Simple License