Component Library

The WC-2026 component library ships production-ready Lit 3.x web components with design tokens, form association, and full accessibility. Every component on this page is rendered live in your browser.

Installation

npm install @wc-2026/library

<!-- Use anywhere — no framework required -->
<script type="module">
  import '@wc-2026/library';
</script>

<wc-button variant="primary">Get Started</wc-button>

Available Components

Component	Tag	Description
Button	<wc-button>	Interactive buttons with variants, sizes, and states
Card	<wc-card>	Content containers with image, heading, body, footer, and action slots
Text Input	<wc-text-input>	Form-associated text input with label, validation, and help text

Live Demo

All three components composed together:

Composed Example

Card containing a form with text input and button

Contact Us

SubscribeCancel

Key Features

• Framework-agnostic — works with React, Vue, Angular, Svelte, or vanilla HTML
• Design token-driven — themed via CSS custom properties
• Form-associated — <wc-text-input> and <wc-button> participate in native <form> elements
• Accessible — ARIA attributes, keyboard navigation, and focus management built in
• Lightweight — Lit 3.x with zero external dependencies beyond the framework