Component Demo

A showcase of all available components in the UI kit.

Expert Components

Combobox

Select Country

Rating

Rating: 3/5

Timeline

Project created

Just now

You created the project "Purple UI".

Component added

2 hours ago

Added Timeline component.

Initial commit

Yesterday

Project initialized.

Tree View

Resizable Splitter

Left Pane

Right Pane

Interactive

Navigation & Structure

Tabs

Stepper

Personal Info

Enter your details

Account

Create your account

Confirmation

Review and submit

Pagination

Drawer

Data Display

Avatars

Skeleton

Accordion

Table

Team Members
Name	Role	Status
John Doe	Developer	Active
Jane Smith	Designer	Inactive
Bob Johnson	Manager	Active

Buttons & Tooltips

Toasts

Progress & Loading

Sliders & File Input

Value: 50

Click to upload or drag and drop

SVG, PNG, JPG or GIF (MAX. 800x400px)

Display Components

Information

This is an info alert with a title.

This is a warning alert without a title.

npm install @sveltejs/kit

Countdown

0 days

0 hours

0 min

0 sec

Form Elements

Text Input

Password

Pin Input (OTP)

Date Picker

Select Option

View Density

Default

This is the default option

Comfortable

A more comfortable layout

Compact

Compact view for power users

Textarea

Toggle Switch

Checkbox

Cards & Modals

Simple Card

This is the main content of the card.