Custom stylish CSS class based components designed for simplicity and reusability.

Use CDN Link:

<link rel="stylesheet" href="https://cdn.statically.io/gh/priyanshk20/ui-library/main/styles.css">

Clone from Github

git clone https://github.com/priyanshk20/ui-library.git

Components Available:

1. Lists
2. Buttons
3. Navbar
4. Header
5. Section
6. Footer

<a href="#" class=" link primary-link">Primary Button</a>

<a href="#" class=" link secondary-link">Secondary Button</a>

<nav class="navbar container"> <div class="navbar-brand">BrandName</div> <ul class="list-non-bullet nav-pills"> <li class="list-item-inline"><a class="link" href="#">Home</a></li> <li class="list-item-inline"><a class="link" href="#">Projects</a></li> <li class="list-item-inline"><a class="link" href="#">Blogs</a></li> </ul> </nav>

Heading for Hero Image

<header class="hero"> <img src="https://assets.website-files.com/5e51c674258ffe10d286d30a/5e5358878e2493fbea064dd9_peep-59.svg" class="hero-image" alt="heroimg"> <h1 class="hero-heading"><span style="color: #6C63FF;">Heading</span> for Hero Image</h1> </header>

<section class="section"> <div class="container container-center"> <h1>White Section</h1> <p>This will have white background and Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et reiciendis veritatis sed, saepe odit laborum?</p> </div> </section>

<section class="section section-off-white"> <div class="container container-center"> <h1>White Section</h1> <p>This will have white background and Lorem ipsum dolor sit, amet consectetur adipisicing elit. Et reiciendis veritatis sed, saepe odit laborum?</p> </div> </section>

<footer class="footer"> <div class="footer-header">This is a small text inside footer</div> <ul class="social-links list-non-bullet"> <li class="list-item-inline"><a class="link" href="#">Social Links</a></li> <li class="list-item-inline"><a class="link" href="#">Social Links</a></li> <li class="list-item-inline"><a class="link" href="#"<Social Links</a></li> </ul> </footer>