Header popover content
Application
Expand
11
Skeleton
  • Set yourself as away
    • Team
  • Invite users
  • Log out
Harmonia
    Profile
  • Set yourself as away
  • Pause notifications
    • 15 minutes
    • 30 minutes
    • 1 hour
    • 2 hours
    • 4 hours
    • 1 day
    • Team
  • Invite users
  • Log out
Link
Badge
Primary
Positive
Negative
Warning
Information
Outline
Link
Left panel
Right panel
Harmonia

UI component library for Alpine.js

@harmonia
Harmonia

UI component library for Alpine.js

Harmonia

UI component library for Alpine.js

Buttons are clickable
Ctrl
+
B
Harmonia

UI component library for Alpine.js

Random Bill
Billed to you
$256 .16
  • Group 1
  • List Item 1
  • List Item 2
  • List Item 3
  • Group 2
  • List Item 1
  • List Item 2
  • List Item 3
Email
First Name
Last Name
Registration Date
Status
Total Users
Shadow XS
Shadow SM
Shadow MD
Shadow LG
Shadow XL
Card Payment

Enter your card and billing information

Enter your 16-digit card number

This is just a demo. Do NOT enter your real card number.

Billing Address

The billing address associated with your payment method

Harmonia

Harmonia is an Alpine.js component library made by codbex.

This page is both a demo page and a theme generator.

Theme CSS Variables

Import CSS Variables

This will override the existing theme!