Introduction

Jedi UI is CSS library base on open-props design system

What is Open Props?

Installation

Install from npm:

npm i jedi-ui

Or use CDN:

https://cdn.jsdelivr.net/npm/jedi-ui@1.0.1/dist/index.css

Utilities

Box shadow

.shadow-2
.shadow-3
.shadow-4

Font size

.font-size-1

.font-size-2

.font-size-3

.font-size-4

Tex style

Text Primary

Text Error Center

Text Secondary Right

Components

Tooltip

Flash message

Flash Success!
Flash Danger Animation!

Card

First post

Even if you work smart, you still have to work hard.

Progress

Tab

  • Profile
  • Dashboard
  • Settings
  • Contacts

Profile

Dashboard

Settings

Contacts