Introduction

Welcome To Ayro UI Documentation.

Thanks for using Ayro UI, This documentation site covers the installation and use of Ayro UI and often reveals answers to common problems and issues. If you have any questions that are beyond the scope of this documentation, feel free to Open a Support Ticket or you can ask directly via support chat.

ğŸŽ¬ Complete Ayro UI in 6 Mins - STEP BY STEP

tutorial

TLDR;

Paste following lines on your HTML file under head tag to kickstart your project, this will load required assets and library.

<!--====== Bootstrap CSS ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<!--====== Lineicons CSS ======-->
<link rel="stylesheet" href="assets/css/lineicons.css" />
<!--====== Starter CSS ======-->
<link rel="stylesheet" href="assets/css/starter.css" />

Starter Template Example / Explained TLDR;

Download and extract Ayro UI then, create an HTML file in root directory, Copy-paste this code (given below) on your code editor and save it as index.html Now, you're ready to go! You can start using components that are listed on components page. If you want to know in detail, please explore other sections of doc, we explained everything you need to know.

<!DOCTYPE html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<!--====== Title ======-->
<title>Home | Ayro UI</title>
<!--====== Favicon ======-->
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/png" />
<!--====== Bootstrap CSS ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<!--====== Lineicons CSS ======-->
<link rel="stylesheet" href="assets/css/lineicons.css" />
<!--====== Style css ======-->
<link rel="stylesheet" href="assets/css/starter.css" />
</head>
<body>
<!--====== Start pasting component codes from here ======-->
</body>
</html>