Lightweight Fast UI Component Framework – Grayshift

Category: CSS & CSS3 , Frameworks , Recommended | October 9, 2020
Author:yanchokraev
Views Total:119 views
Official Page:Go to website
Last Update:October 9, 2020
License:MIT

Preview:

Lightweight Fast UI Component Framework – Grayshift

Description:

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

Blocks:

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

Templates:

  • 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="https://cdn.jsdelivr.net/gh/yanchokraev/[email protected]/css/grayshift.min.css" />

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>

Previews:

 

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

You Might Be Interested In:


Leave a Reply