---
type: bookmarks
tags: ['ui', 'design-system', 'headless']
status: release
ctime: 2022-12-05
mtime: 2026-07-27
---

- 공통 컴포넌트
  - `Tabs` 만들면서 이건 어렵다는 결론
- 대안
  - [react-spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html)
    - [Consider upgrading to a component-based API](https://github.com/adobe/react-spectrum/discussions/2368)
    - [react-aria-components](https://github.com/devongovett/react-aria-components)[^233-1]
  - [radix-ui](https://www.radix-ui.com/)
    - [shadcn-ui](https://ui.shadcn.com/)
    - [Origin UI](https://originui.com/)
    - [Building Low Level Components the Radix Way](https://alexkondov.com/building-low-level-components-the-radix-way/)
  - [Headless UI](https://headlessui.com/)
  - [Reach UI](https://reach.tech/)
  - [Ariakit](https://ariakit.org/)
  - [Base UI](https://base-ui.com/)
  - [JollyUI](https://www.jollyui.dev/)

---

> 좋은 시스템일수록 실제 서비스에 적용하기는 더 어렵다는 문제가 발생. 결국 필요한건 _headless_ 인데 생각보다 많지 않고 어떤 선택이 좋은 선택인가에 대한 조심스러운 부분이 있다.

---

[^233-1]: [참고](https://reactspectrum.blob.core.windows.net/reactspectrum/cee46dbc35a111b8e4ba2da28da542783de00a44/docs/react-aria/Button.html)