Aurora UI
Organic. Flowing. Deep glowing meshes. A living interface.
01 — The Cards
Deep Mesh
Dark glass over moving gradients. Subtle borders.
Featured
Living Glow
Animated mesh gradients as backgrounds. High emphasis.
System Status
CPU Load
Memory
42%
DiskFULL
Activator Code:
css
1
2
3
.style-aurora-panel {
@apply relative overflow-hidden backdrop-blur-xl border border-white/20 bg-white/5;
}
02 — The Buttons
Activator Code:
css
1
2
3
4
.style-aurora-glow {
@apply absolute rounded-full blur-3xl opacity-50;
background: radial-gradient(circle, var(--brand-primary), transparent);
}
03 — The Input
Biometric Lock
Port 8080Activator Code:
css
1
2
3
.style-aurora-panel {
@apply relative overflow-hidden backdrop-blur-xl border border-white/20 bg-white/5;
}
04 — The Table
| ID | User | Role | Status |
|---|---|---|---|
| #001 | Neo | The One | Active |
| #002 | Trinity | Admin | Active |
| #003 | Smith | Agent | Rogue |
Activator Code:
css
1
2
3
.style-aurora-panel {
@apply relative overflow-hidden backdrop-blur-xl border border-white/20 bg-white/5;
}
05 — The Modal
System Failure
Critical error detected in Sector 7G. Initiate protocol Omega?
Activator Code:
css
1
2
3
.style-aurora-panel {
@apply relative overflow-hidden backdrop-blur-xl border border-white/20 bg-white/5;
}