Dark Mode

Abstract


Class

Example

Copy

Accordion


Class

Example

Copy

Example

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Background


Class

Example

Copy

Example

Badge


Class

Example

Copy

Example

Message

x

Message

x

Message

x

Message

x

Message

Message

Message

Message

Bottom Sheet


Class

Example

Copy

Example

You can override the width using the max-width-700 class or others, the default is 100dvw
🖱

Example

Trigger

Button


Class

Example

Copy

Example

Example
Example
Example
Example
Example
Example
Example
Example

Card


Class

Example

Copy

Example

Ilham Rahmat Akbar

Fullstack Dev

Jakarta

5 min ago

Ilham Rahmat Akbar

Fullstack Dev

Jakarta

5 min ago

Data


Class

Example

Copy

Example

Data

Name
: Ilham Rahmat Akbar
Position
: Fullstack
Rate
: A

Gap


Class

Example

Copy

Example

Height


Class

Example

Copy

Svg


Class

Example

Copy

Example

Swiper


Class

Example

Copy

Width


Class

Example

Copy

Place


Class

Example

Copy

Grid


Class

Example

Copy

Flex


Class

Example

Copy

Example

flex-ais-jcs
flex-ais-jcc
flex-aic-jcc
flex-aic-jce
flex-aic-jcb
flex-aic-jca
flex-aic-jcs

Font


Class

Example

Copy

Example

font-light

Font light

font-regular

Font regular

font-medium

Font medium

font-bold

Font bold

Form


Class

Example

Copy

Example

Login

Username

Error

Password

Error


Register

Error

Error

Error

Error

Error


Login like google

Error

Error

Hamburger Menu


Class

Example

Copy

Example

Header Footer


Class

Example

Copy

Image


Class

Example

Copy

Example

Loading


Class

Example

Copy

Example

Stepper


Class

Example

Copy

Example

1
Resume
2
Email
3
Salary

Table


Class

Example

Copy

Example

No Title Actions
1. Example save
edit

Text


Class

Example

Copy

Example

text-primary

Text primary

text-warning

Text warning

text-success

Text success

text-danger

Text danger

text-error-msg

Text error msg

text-gold

Text gold

text-link

Toast


Class

Example

Copy

Example

Click

Timeline


Class

Example

Copy

Example

1
Project Started
The amazing UI showcase project began
2 hours ago
2
Components Added
All major UI components have been implemented
1 hours ago
3
Deploy to Production
Ready for launch
Upcoming

Toggle


Class

Example

Copy

Example

sample

Tooltip


Class

Example

Copy

Example

Java

Elixir