Liquid Glass System
Premium UI Materials
Apple iOS 18 liquid glass meets Arcanea's sophisticated iridescence. Interact with live components below.
LiquidButton
Liquid metal primary CTA with 3D gradient, press physics, and ripple effect.
GlassCard
Multi-layer glass panel with depth perception through blur, shadows, and gradients.
Frosted
Low elevation
Crystal
Medium elevation
Liquid
High elevation
Obsidian
Floating
IridescentPill
Selection pill with dormant → glowing state transition and bubble shimmer.
LoadingBubble
Breathing bubble loader with rotating shimmer. Feels alive, not mechanical.
Small
Medium
Loading...
Processing
FloatingElement
3D perspective container for dimensional depth. Elements exist in physical space.
Floating Card
With 3D perspective
GlassInput
Input field with iridescent focus ring and color-shifting shimmer.
We'll never share your email
Password must be at least 8 characters