Lightweight Fast UI Component Framework – Grayshift

Image may be NSFW.
Clik here to view.

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:

Image may be NSFW.
Clik here to view.

Card Component

Image may be NSFW.
Clik here to view.

Modal Component

Image may be NSFW.
Clik here to view.

Buttons Component

Image may be NSFW.
Clik here to view.

Form Block

Image may be NSFW.
Clik here to view.

Pricing Table Block

Image may be NSFW.
Clik here to view.

Header Nav Block

Image may be NSFW.
Clik here to view.

Chat Template

Image may be NSFW.
Clik here to view.

Project Management Template

Image may be NSFW.
Clik here to view.

Forum Template

The post Lightweight Fast UI Component Framework – Grayshift appeared first on CSS Script.