TypeScript CSS Web Components

Open Source UI Library

A lightweight, accessible component library for building modern web applications with zero dependencies.

UI component showcase

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:

  1. Accessibility first - Every component is keyboard navigable and screen reader friendly
  2. Zero dependencies - No runtime dependencies means smaller bundles and fewer security concerns
  3. Framework agnostic - Works with React, Vue, Svelte, or vanilla HTML
  4. 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-lib
import { 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.

Fork me on GitHub