Lightweight Fast UI Component Framework – Grayshift

Category: CSS & CSS3 , Frameworks , Recommended | June 4, 2021
Author:yanchokraev
Views Total:328 views
Official Page:Go to website
Last Update:June 4, 2021
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/grayshift@latest/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

Changelog:

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