[React] Heroicons,Headless UI

---

1.Heroicons

SVG 형식으로 제공되는 무료 아이콘 세트로 Tailwind Labs에서 제작했으며, 심플하고 현대적인 디자인의 아이콘을 제공해준다.

https://heroicons.com/

Heroicons

npm install @heroicons/react

 

import { BeakerIcon } from '@heroicons/react/24/solid';

function Example() {
  return <BeakerIcon className="h-6 w-6 text-blue-500" />;
}

 

 

 

2.Headless UI

Tailwind Labs에서 개발한 완전히 스타일이 없는, 접근성이 뛰어난 UI 컴포넌트 모음

https://headlessui.com/v1

Headless UI

npm install @headlessui/react