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
The post Lightweight Fast UI Component Framework – Grayshift appeared first on CSS Script.