Drift CSS

Drift.css is a light-weight and responsive open source CSS library to help develop customized themes.

Getting Started

There are 2 ways to get started with Drift CSS library in your projects. You can either install manually, or from CDN.

Install Manually

Download Drift CSS

Include drift.css located in /dist in your website or Web app.

<link rel="stylesheet" href="drift.min.css">

---

Install via CDN

Use the following CDN link to include driftcss in your project.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/duhbhavesh/driftcss@main/css/minified/drift.min.css">

Example usage

After including the stylesheet as indicated in the Getting Started :

 <nav class="navbar">
    <a class="navbar-brand navbar-link" href="#">Brand</a>
    <div class="navbar-nav">
       <a class="nav-item navbar-link" href="#">Home</a>
       <a class="nav-item navbar-link" href="#">About</a>
       <a class="nav-item navbar-link" href="#">Pricing</a>
    </div>
    <div class="navbar-nav">
       <a
          href="#"
          id="btn-link"
          class="btn btn-primary btn-link btn-pill navbar-link"
          role="button"
          >Contact</a
       >
    </div>
 </nav>

Contributing

You are encouraged to contribute to Drift CSS. To write a new plugin, just copy one of the existing ones and modify the files.

Let's connect

• Twitter - @duhbhavesh
• Linkedin - Bhavesh Kasturi