Introduction
CSSUI is a library of interactive user interface components realized in pure HTML and CSS
Installation
Use npm to install CSSUI in your project:
npm i css-ui-lib
Or Download it here.
Usage
The library includes a global stylesheet and components list divide by folder.
Each component folder includes two files:
- a HTML template file
- a CSS stylesheet.
You can use template files as partial or copy/paste the code into the project’s files according to your needs.
Stylesheets Cascade
<!-- CSSUI Global Stylesheet -->
<link rel="stylesheet" href="/vendor/cssui.css">
<!-- CSSUI Components -->
<link rel="stylesheet" href="/vendor/cssui/accordion.css">
<link rel="stylesheet" href="/vendor/cssui/tabs.css">
<!-- Project Files -->
<link rel="stylesheet" href="your-variables.css">
<link rel="stylesheet" href="your-style.css">
Files Included
| File Name | Notes | Size | Required |
|---|---|---|---|
cssui.css | This file has the CSS variables used by all components. | 14kb | ✔ Required |
accordion/accordion.html
accordion/accordion.css | Accordion component. | 14kb | Optional |
dropdown/dropdown.html
dropdown/dropdown.css | Dropdown component. | 14kb | Optional |
modal/modal.html
modal/modal.css | Modal component | 14kb | Optional |
slideout/slideout.html
slideout/slideout.css | Slideout component | 14kb | Optional |
tabs/tabs.html
tabs/tabs.css | Tabs component | 14kb | Optional |
tooltip/tooltip.html
tooltip/tooltip.css | Tooltip component | 14kb | Optional |
Support
Open an issue here on Github to share feedback, report bug or ask help.