HarmonyWeb Components

Beautiful, accessible web components for modern applications

42 Components

From basic buttons to complex accordions and form controls — everything you need to build modern interfaces.

Built with TypeScript for excellent developer experience with full type safety and IntelliSense.

All components follow WCAG guidelines with proper ARIA attributes and keyboard navigation.

Easy theming with CSS custom properties and consistent design tokens across all components.

Ready to use Harmony in your project? Start by exploring our component documentation to see what's available, then check out our installation guide.

html

<hy-accordion title="Sample Accordion" expanded>
  <p>This is the accordion content that can be expanded or collapsed.</p>
</hy-accordion>

Layout: Card, Divider, List, Splitter
Forms: Button, Checkbox, Radio, Select, Switch, Text Input, Text Area, Toggle
Navigation: Breadcrumb, Link, Tab Group, Topbar, Bottombar
Display: Accordion, Avatar, Badge, Chip, Icon, Logo, Progress, Skeleton, Spinner
Overlay: Dialog, Drawer, Popover, Toast, Tooltip
Actions: Fab, Icon Button