Lightweight Fast UI Component Framework – Grayshift

Preview:

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:

Card Component

Modal Component

Buttons Component

Form Block

Pricing Table Block

Header Nav Block

Chat Template

Project Management 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