Component Library

Browse, preview, and copy components for your projects

Ocean Blue

Preview

Buttons & Button Groups

Tags & Badges

DefaultSecondarySuccessWarningErrorInfoOutline

RemovableReactTypeScript

Default

Secondary

Destructive

Outline

Status Indicators

OnlineOfflineBusyAwayPending

OnlineOfflineDo not disturbAwayConnecting...

Metrics & Stats

Total Revenue

$45,231

12%vs last month

Active Users

2,345

Conversion Rate

3.2%

Avg. Order

$89

12,345

Total Users

+12%

$54,321

Revenue

+8%

892

Orders

+23%

Growth

Loading States

Rating

4.0

Interactive

(1,234)

Read-only

Timeline & Stepper

Timeline

Order placed

2 hours ago

Your order has been confirmed.

Processing

In progress

Stepper

Details

Enter your info

Payment

Add payment method

Confirm

Review and confirm

Simple Stepper

Dividers

Keyboard Shortcuts

⌘K

Command palette

⌘S

Save

EscClose

Avatar Group

ABCDEF

JD5

Chat Bubbles

Hello! How can I help you today?

10:30 AM

I have a question about my order.

10:31 AM

Event Cards

Team Standup

Today

10:00 AM - 10:30 AM

Conference Room A

Daily sync meeting with the engineering team

ABC

4 attending

List Items

Recent Activity

John DoeOnline

Last active 5 minutes ago

New message

You have 3 unread messages

Task completed

Design review has been approved

Data Display

Data List

Order ID: #ORD-12345
Status: Processing
Total: $234.50
Date: Feb 5, 2026

Data Cards

Revenue

$12,345

+12%vs last period

Orders

156

-3%vs last period

Marketing Components

Lightning Fast

Optimized for speed and performance.

Secure

Built-in security features.

Easy Deploy

Deploy anywhere with ease.

"This product has transformed how we work. Highly recommended!"

Jane Doe

CEO at Acme Corp

"Outstanding support and beautiful design."

John Smith

Developer at Tech Inc

Empty State

No results found

Try adjusting your search or filter to find what you're looking for.