Hellö! I'm Tini
and this is Tinimations
This site is my playground, where I share animations that I made using Figma and LottieFiles. You may use these animations for free on your own website by embedding the respective code snippets. If you want to know more about me or have any questions about Tinimations, you can find my contact information here.
Instructions:
- Copy the LottieFiles player codesnippet:
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> - Paste the LottieFiles player code snippet inbetween the head tags (
<head> HERE </head>) on your website or blog. - Copy the code belonging to the animation that you want to include on your site, and place it where you want the animation to appear.
If you want to change the colours of any of my animations, to fit the colour-scheme of your own site, you can do so on my LottieFiles page. There you can play around with the colour scheme picker, and download the animation afterwards with your own freshly chosen colours. Easy peasy lemon squeezy.
You can embed this animation on your website by copying and pasting the below code where you want it to show up.
<lottie-player
src="https://assets5.lottiefiles.com/packages/lf20_fbbZN9UfzH.json"
background="transparent" speed="1" style="width: 300px;" loop autoplay>
</lottie-player>
You can embed this animation on your website by copying and pasting the below code where you want it to show up.
<lottie-player
src="https://assets9.lottiefiles.com/packages/lf20_xEqvjNpHBT.json"
background="transparent" speed="1" style="width: 300px;" loop autoplay>
</lottie-player>
You can embed this animation on your website by copying and pasting the below code where you want it to show up.
<lottie-player
src="https://assets9.lottiefiles.com/packages/lf20_AHfuYqdFfz.json"
background="transparent" speed="1" style="width: 300px;" loop autoplay>
</lottie-player>
You can embed this animation on your website by copying and pasting the below code where you want it to show up.
<lottie-player
src="https://assets1.lottiefiles.com/packages/lf20_igzIfho574.json"
background="transparent" speed="1" style="width: 300px;" loop autoplay>
</lottie-player>