Jedi UI is CSS library base on open-props design system View Demo
Install from npm:
npm i jedi-ui
Then require in your HTML page:
<link rel="stylesheet" href="node_modules/jedi-ui/dist/index.css">
Or use a CDN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jedi-ui@1.2.0/dist/index.css">
show / hide
-
Components
- [x] Button
- [x] Dropdown
- [x] Tooltip
- [x] Card
- [x] Modal
- [x] Tab
- [ ] Checkbox
- [ ] Radio Button
- [ ] Select
- [ ] Toogle
- [x] Flash
- [x] Empty State
- [ ] Table
- [ ] Collapse
- [x] Steps
- [x] Progress
- [x] Navbar
- [x] Sidebar
- [x] Footer
-
Utilities
- [x] Background
- [x] Text & font
- [x] Border
- [x] Shadow
- [x] Flex
- [x] Spacing