Lightweight Fast UI Component Framework – Grayshift

Category: CSS & CSS3 , Frameworks , Recommended | June 4, 2021
Views Total:343 views
Official Page:Go to website
Last Update:June 4, 2021


Lightweight Fast UI Component Framework – Grayshift


Grayshift is a front-end framework that provides a number of UI components, page templates, and content blocks for building modern web apps.

UI Components:

  • Buttons
  • Cards
  • Collapse
  • Dropdowns
  • Forms
  • Input group
  • Modal
  • Navs
  • Navbar


  • Accordion
  • Blog
  • Contact Form
  • Features
  • Footer
  • Header
  • Navbar
  • Pricing
  • Sign in
  • Testimonials


  • Chat
  • Project Management
  • Blog
  • Forum

Install & Import:

1. Download and import the Grayshift.css in your HTML document.

<link rel="stylesheet" href="./css/grayshift.min.css" />
<!-- Or From CDN -->
<link rel="stylesheet" href="" />

2. Import the latest Bootstrap 5 framework and popper.js library if you need to use components.

<script src="/path/to/cdn/popper.min.js"></script>
<script src="/path/to/cdn/bootstrap.min.js"></script>



Grayshift Framework Card Component

Card Component

Grayshift Framework Modal Component

Modal Component

Grayshift Framework Buttons Component

Buttons Component

Grayshift Framework Form Block

Form Block

Grayshift Framework Pricing Table Block

Pricing Table Block

Grayshift Framework Header Nav Block

Header Nav Block

Grayshift Framework Chat Template

Chat Template

Grayshift Framework Project Management Template

Project Management Template

Grayshift Framework Forum Template

Forum Template


v1.0.2 (06/04/2021)

  • Update

v1.0.1 (05/25/2021)

  • Update

v1.0.0 (05/24/2021)

  • Update

You Might Be Interested In:

Leave a Reply