UButton Component Showcase

Apple-grade buttons with glassmorphic clarity and flowing gradients

Clear / Glass Variant

Glassmorphic, backdrop-blur, subtle translucence

Gradient Variant

Flowing multi-stop gradient with smooth animation

Navigation & Links

Polymorphic rendering with proper semantics

Internal Link (NuxtLink) External Link

Form Actions

Proper button types for forms

Interactive States

Loading, pressed, disabled states

Accessibility Features

Focus rings, aria attributes, keyboard navigation

✅ Tab through buttons to see high-contrast focus rings
✅ Press Space/Enter to activate
✅ Icon-only buttons have aria-label
✅ Loading state announces aria-busy
✅ Minimum 44x44px touch targets
✅ prefers-reduced-motion support (gradient animation disabled)