Skip to content

BaicheRamy/AlgerianFlag-Animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Algeria Flag Animation

This code was Created with react on CodeSandbox.

Animation preview

CodeSandBox

Add this animation to your code

To add this animation to your code, you just have to add the Lottie Animation dependency, here is two examples on how you can add it to your HTML or React project.

For HTML

  1. Get the JSON file here
  2. Add this script to the
    <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
  3. Add the Lottie-Player wherever you want in the body and add the URL/Ref of the JSON file in the area
    <lottie-player src="<LINK TO THE JSON FILE>" background="transparent" speed="1" class="grid" loop autoplay></lottie-player>

For React

You can find detailed explanation about how to add LottieAnimation to React project, you can find it here How to use Lottie animations in a React App

Usage

This animation was made by Baiche Ramy and it's an open source animation. For more animations/informations, Visit the LottieFiles website LottieFiles or their github for more project Lottie Github


Thank you !