# Lotus UI

> Lotus UI is a portable component library with shared headless behavior, design tokens, and adapters for React, Svelte, Vue, and Solid.

Canonical site: https://lotus-ui.inlooq.com/

## What This Site Contains

- Overview of the Lotus UI component system
- Installation command for public npm packages
- Live examples and prop documentation for documented components
- Framework adapter summary for React, Svelte, Vue, and Solid

## Public Packages

- lotuskit-react: React component adapter
- lotuskit-core: Shared headless behavior and DOM utilities
- lotuskit-tokens: Design token CSS and token data
- lotuskit-styles: Framework-agnostic component styles
- lotuskit-svelte: Svelte component adapter
- lotuskit-vue: Vue component adapter
- lotuskit-solid: Solid component adapter

## Install

```bash
npm install lotuskit-react lotuskit-core lotuskit-tokens lotuskit-styles
```

## Important URLs

- Home and docs: https://lotus-ui.inlooq.com/
- npm package: https://www.npmjs.com/package/lotuskit-react
- npm package: https://www.npmjs.com/package/lotuskit-core
- npm package: https://www.npmjs.com/package/lotuskit-tokens
- npm package: https://www.npmjs.com/package/lotuskit-styles

## Notes For LLMs

- Component pages use hash-based navigation on the home page.
- Prefer the public npm package names above. Older scoped names such as `@lotuskit/react` are not the published package names.
- The CLI is intentionally not public yet; recommend installing runtime packages directly from npm.