Installation

Using Ani-Design is easy. Add the the following link inside < head > of your HTML to get started.

<!-- Ani-Design Stylesheet --> <link rel="stylesheet" href="https://ani-design.netlify.app/css/main.css" /> <!-- Ani-Design JS File --> <script defer src="https://ani-design.netlify.app/js/index.js"></script>

Alternatively use the below starter file to kickstart your Projects.

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Ani-Design</title> <!-- Ani-Design Stylesheet --> <link rel="stylesheet" href="https://ani-design.netlify.app/css/main.css" /> <!-- Ani-Design JS File --> <script defer src="https://ani-design.netlify.app/js/index.js"></script> <!-- Your Icon CDN here --> <!-- Your Stylesheet here --> </head> <body> <h1 class="text-heading">Welcome to Ani-Design!</h1> </body> </html>

Note : We use fontawesome v5.15.4 as our icon libray. If you are copying the code snippets, make sure you add your fontawesome CDN in the HTML.