SHOWCASE

Component Library · DARK MODE

Buttons 01

Primary
Secondary
Ghost
Icon
Disabled
As Link
Small
Large

Cards 02

Default Card

Default card with chamfered corners. This is the base aero-card style.

Interactive Card

Hover me! Interactive cards lift and highlight on hover with accent border.

Badges 03

Live LIVE
Offline OFFLINE
Default STATUS

Tags 04

Default
Svelte TypeScript SCSS
Muted
Rust Go Python
Removable
Svelte × SCSS ×

Section Headers 05

Basic

Projects

With Count

Skills 08

Animated

About 03

Skeletons 06

Text (3 lines)
Card
Custom Width
Custom Height

Input 07

Default
Email Type
We'll never share your email
Password (with toggle)
Search (clearable)
With Prefix Icon
With Error
Invalid email format
Disabled
Date

Textarea 08

Default
With Error
With Hint
Auto-grow + Char Count

Select 09

Default
With Default Value
Searchable
With Error
Animated
Disabled

DatePicker 10

Default
With Default Value
With Constraints
With Hint
We'll send you a surprise
With Error
Date is required
Animated

Checkbox 11

Checked
Unchecked
Indeterminate
Disabled (checked)
Disabled

Radio 12

RadioGroup Default
Choose option
With Disabled
Delivery method

Icons 13

Composition Example 14

LIVE PRJ 01

TaskVault Lite

A lightweight task management application with real-time sync.

Svelte TypeScript Go PostgreSQL