---

Warning

This project is actively under development and not yet ready for production, so you may encounter bugs. Please read the release notes carefully before updating, as breaking changes can occur. Use at your own risk.

---

Overview

Litte is a modern web component library built with Lit and TypeScript. It provides reusable, customizable UI components designed for fast development and easy integration in any web project.

• Built with Lit: Leverages Lit’s efficient rendering and small footprint.
• TypeScript-first: All packages use strict TypeScript for type safety and maintainability.

Whether you need a simple button or want to extend with your own components, Litte offers a solid foundation for building modern web interfaces.

What's inside?

This monorepo contains everything you need to build, share, and maintain modern web components:

Components

• ⏳ litte-action-bar: Litte Action Bar component
• ⏳ litte-alert: Litte Alert component
• ⏳ litte-autocomplete: Litte Autocomplete component
• ⏳ litte-avatar: Litte Avatar component
• ⏳ litte-badge: Litte Badge component
• ⏳ litte-breadcrumbs: Litte Breadcrumbs component
• ⏳ litte-button: Litte Button component
• ⏳ litte-calendar: Litte Calendar component
• ⏳ litte-card: Litte Card component
• ⏳ litte-carousel: Litte Carousel component
• ⏳ litte-checkbox: Litte Checkbox component
• ⏳ litte-context-menu: Litte Context Menu component
• ⏳ litte-divider: Litte Divider component
• ⏳ litte-dropdown-menu: Litte Dropdown Menu component
• ⏳ litte-file-upload: Litte File Upload component
• ⏳ litte-hotkey: Litte Hotkey component
• ⏳ litte-link: Litte Link component
• ⏳ litte-loader: Litte Loader component
• ⏳ litte-menu-item: Litte Menu Item component
• ⏳ litte-modal-dialog: Litte Modal Dialog component
• ⏳ litte-number-field: Litte Number Field component
• ⏳ litte-overlay: Litte Overlay component
• ⏳ litte-pagination: Litte Pagination component
• ⏳ litte-pin-field: Litte Pin Field component
• ⏳ litte-popover: Litte Popover component
• ⏳ litte-progress-bar: Litte Progress Bar component
• ⏳ litte-progress-indicator: Litte Progress Indicator component
• ⏳ litte-radio: Litte Radio component
• ⏳ litte-scrim: Litte Scrim component
• ⏳ litte-select: Litte Select component
• ⏳ litte-skeleton: Litte Skeleton component
• ⏳ litte-slider: Litte Slider component
• ⏳ litte-stepper: Litte Stepper component
• ⏳ litte-switch: Litte Switch component
• ⏳ litte-table: Litte Table component
• ⏳ litte-tabs: Litte Tabs component
• ⏳ litte-text-area: Litte Text Area component
• ⏳ litte-text-field: Litte Text Field component
• ⏳ litte-timeline: Litte Timeline component
• ⏳ litte-toast: Litte Toast component
• ⏳ litte-toggle-button: Litte Toggle Button component
• ⏳ litte-tooltip: Litte Tooltip component

Configuration

• @repo/rollup-config: Shared Rollup configurations used throughout the monorepo
• @repo/typescript-config: Shared TypeScript configurations used throughout the monorepo

Each package is 100% TypeScript and built as ESM modules.

Development

Build

To build all packages, run the following command:

pnpm build

Develop

To develop all components, themes and Storybook, run the following command:

pnpm dev

Clean

To clean all build artifacts, run:

pnpm cleanup

Acknowledgement

Thanks to the open-source community for their amazing work and to these libraries for the inspiration.

• https://reshaped.so
• https://ui.shadcn.com
• https://flyonui.com
• https://icon.kitchen
• https://iconoir.com

Thanks

Thanks to Netlify for providing hosting for the website and Storybook of this project.

License

This project is released under the MIT License. For a quick summary of the MIT License terms, visit tldrlegal.com.

All copyright remains with the individual contributors.

See the LICENSE file for more information.

---

_{🤫 Psst! If you like my work you can support me via GitHub sponsors.}