TypeScript CSS Web Components
Open Source UI Library
A lightweight, accessible component library for building modern web applications with zero dependencies.

A collection of accessible, customizable UI components built with modern web standards and zero runtime dependencies.
Philosophy
This library was created with a few core principles:
- Accessibility first - Every component is keyboard navigable and screen reader friendly
- Zero dependencies - No runtime dependencies means smaller bundles and fewer security concerns
- Framework agnostic - Works with React, Vue, Svelte, or vanilla HTML
- Customizable - CSS custom properties for easy theming
Components
The library includes essential components for building applications:
- Buttons - Primary, secondary, outline, and ghost variants
- Forms - Inputs, selects, checkboxes, and radio buttons
- Feedback - Alerts, toasts, and progress indicators
- Navigation - Tabs, breadcrumbs, and pagination
- Overlay - Modals, dropdowns, and tooltips
Installation
npm install @username/ui-libimport { Button, Modal } from '@username/ui-lib';
// Use as Web Components
document.body.innerHTML = '<ui-button variant="primary">Click me</ui-button>';Browser Support
| Browser | Version |
|---|---|
| Chrome | 90+ |
| Firefox | 88+ |
| Safari | 14+ |
| Edge | 90+ |
Contributing
Contributions are welcome! Check out the contribution guidelines on GitHub.