# Tessli Collection — Open-source UI libraries

## Use this research path

Use this research path to A component-library strategy that balances accessibility, styling ownership, speed, animation needs, and long-term maintenance.

Open-source component systems and primitives for building accessible, composable, and implementation-ready web interfaces.

- **Audience:** React product teams selecting primitives, copyable components, or higher-level UI building blocks.
- **Stages:** 3
- **Sources:** 10

## Staged decisions

### 1. Choose the foundation

#### 1.1 shadcn/ui

- **Role:** shadcn/ui demonstrates copy-owned React components built on accessible primitives.
- **Inspect:** Compare accessible primitives, hooks, and copy-owned components before evaluating visual libraries.
- **Decide:** Decide how much behavior, styling, and source ownership the team wants.
- **Source guide:** /resources/shadcn-ui
- **JSON:** /resources/shadcn-ui/profile.json
- **Markdown:** /resources/shadcn-ui/profile.md
- **Provider:** https://ui.shadcn.com
- **Access action:** Use the documented CLI workflow in the target project.

#### 1.2 Radix UI

- **Role:** Radix UI represents unstyled accessible primitives with strong behavior ownership.
- **Inspect:** Compare accessible primitives, hooks, and copy-owned components before evaluating visual libraries.
- **Decide:** Decide how much behavior, styling, and source ownership the team wants.
- **Source guide:** /resources/radix-ui
- **JSON:** /resources/radix-ui/profile.json
- **Markdown:** /resources/radix-ui/profile.md
- **Provider:** https://www.radix-ui.com
- **Access action:** Read the official Radix introduction and accessibility documentation before composing primitives. (https://www.radix-ui.com/primitives/docs/overview/introduction)

#### 1.3 Headless UI

- **Role:** Headless UI offers an alternative unstyled model across React and Vue.
- **Inspect:** Compare accessible primitives, hooks, and copy-owned components before evaluating visual libraries.
- **Decide:** Decide how much behavior, styling, and source ownership the team wants.
- **Source guide:** /resources/headless-ui
- **JSON:** /resources/headless-ui/profile.json
- **Markdown:** /resources/headless-ui/profile.md
- **Provider:** https://headlessui.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://headlessui.com)

### 2. Accelerate common UI

#### 2.1 React Aria

- **Role:** React Aria provides accessibility-focused hooks and components for teams needing deeper behavior control.
- **Inspect:** Inspect styled and composable component sets that can extend the chosen foundation.
- **Decide:** Decide which higher-level components are safe to adopt rather than rebuild.
- **Source guide:** /resources/react-aria
- **JSON:** /resources/react-aria/profile.json
- **Markdown:** /resources/react-aria/profile.md
- **Provider:** https://react-spectrum.adobe.com/react-aria
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://react-spectrum.adobe.com/react-aria)

#### 2.2 Park UI

- **Role:** Park UI shows a styled system built on headless primitives.
- **Inspect:** Inspect styled and composable component sets that can extend the chosen foundation.
- **Decide:** Decide which higher-level components are safe to adopt rather than rebuild.
- **Source guide:** /resources/park-ui
- **JSON:** /resources/park-ui/profile.json
- **Markdown:** /resources/park-ui/profile.md
- **Provider:** https://park-ui.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://park-ui.com)

#### 2.3 Kibo UI

- **Role:** Kibo UI extends shadcn-oriented projects with more composable application components.
- **Inspect:** Inspect styled and composable component sets that can extend the chosen foundation.
- **Decide:** Decide which higher-level components are safe to adopt rather than rebuild.
- **Source guide:** /resources/kibo-ui
- **JSON:** /resources/kibo-ui/profile.json
- **Markdown:** /resources/kibo-ui/profile.md
- **Provider:** https://www.kibo-ui.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://www.kibo-ui.com)

### 3. Add expression carefully

#### 3.1 Float UI

- **Role:** Float UI supplies responsive Tailwind sections and components for faster assembly.
- **Inspect:** Review community, interactive, and motion-heavy components only after the accessibility and ownership boundary is fixed.
- **Decide:** Choose where expressive components add value without fragmenting the system.
- **Source guide:** /resources/float-ui
- **JSON:** /resources/float-ui/profile.json
- **Markdown:** /resources/float-ui/profile.md
- **Provider:** https://floatui.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://floatui.com)

#### 3.2 Uiverse

- **Role:** Uiverse provides community-made visual elements that require selective quality review.
- **Inspect:** Review community, interactive, and motion-heavy components only after the accessibility and ownership boundary is fixed.
- **Decide:** Choose where expressive components add value without fragmenting the system.
- **Source guide:** /resources/uiverse
- **JSON:** /resources/uiverse/profile.json
- **Markdown:** /resources/uiverse/profile.md
- **Provider:** https://uiverse.io
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://uiverse.io)

#### 3.3 React Bits

- **Role:** React Bits adds animated and interactive React components for targeted expressive moments.
- **Inspect:** Review community, interactive, and motion-heavy components only after the accessibility and ownership boundary is fixed.
- **Decide:** Choose where expressive components add value without fragmenting the system.
- **Source guide:** /resources/react-bits
- **JSON:** /resources/react-bits/profile.json
- **Markdown:** /resources/react-bits/profile.md
- **Provider:** https://reactbits.dev
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://reactbits.dev)

#### 3.4 Motion Primitives

- **Role:** Motion Primitives focuses specifically on reusable animated interface building blocks.
- **Inspect:** Review community, interactive, and motion-heavy components only after the accessibility and ownership boundary is fixed.
- **Decide:** Choose where expressive components add value without fragmenting the system.
- **Source guide:** /resources/motion-primitives
- **JSON:** /resources/motion-primitives/profile.json
- **Markdown:** /resources/motion-primitives/profile.md
- **Provider:** https://motion-primitives.com
- **Access action:** Open the canonical provider URL; sign-in and other access requirements are not recorded. (https://motion-primitives.com)

## Interpretation boundaries

- Collection order is editorial guidance and does not represent popularity, sponsorship, or universal quality.
- Repository intelligence is not live-provider verification.
- Revalidate provider access, pricing, licensing, terms, availability, and time-sensitive claims.
- No browser-local Board, Saved, account, cookie, or credential data is included.