markmead/hyperui

어떤 프로젝트인가요?

핵심 기능

• 01컴포넌트는 Tailwind CSS utility class가 적용된 순수 HTML입니다.
• 02설치할 패키지가 없어 마크업을 프로젝트에 바로 복사해 붙여 넣을 수 있습니다.
• 03마케팅 사이트, 웹 앱, eCommerce 레이아웃을 다룹니다.
• 04hyperui.dev에서 둘러볼 수 있는 카탈로그와 함께 블로그도 제공합니다.
• 05Astro와 pnpm을 사용해 로컬에서 개발할 수 있습니다.

활용 사례

• Tailwind 프로젝트에 랜딩 페이지의 히어로, 가격 안내 또는 기능 소개 섹션을 빠르게 추가합니다.
• 모든 컴포넌트를 처음부터 디자인하지 않고 관리자 UI나 대시보드 요소를 만듭니다.
• Tailwind 클래스를 사용해 eCommerce 상품 목록이나 결제 화면 블록을 프로토타이핑합니다.

빠른 시작

1. 1

   hyperui.dev에서 컴포넌트를 둘러보고 마크업을 복사하세요

2. 2

   복사한 코드를 Tailwind CSS 프로젝트에 붙여넣으세요. 설치할 패키지는 없습니다

사용 전 알아둘 점

• !컴포넌트는 복사해 붙여넣는 마크업이므로 직접 유지 관리해야 하며 자동으로 업데이트되지 않습니다.

포함된 컬렉션

토픽

자주 묻는 질문

hyperui은(는) 무엇인가요?

설치할 패키지 없이 프로젝트에 복사해 붙여 넣어 쓰는 무료 오픈 소스 Tailwind CSS UI 컴포넌트 모음입니다. HyperUI는 마케팅 사이트, 웹 앱, eCommerce 프런트엔드에 사용할 수 있는 Tailwind CSS 컴포넌트 라이브러리입니다. 패키지를 설치하는 대신 hyperui.dev 웹사이트에서 컴포넌트를 찾아 마크업을 복사한 뒤 Tailwind CSS 프로젝트에 붙여 넣으면 됩니다.

hyperui은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

hyperui은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

hyperui은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. hyperui의 마지막 커밋은 2026년 10월 21일입니다.

hyperui은(는) 어디에 사용할 수 있나요?

Tailwind 프로젝트에 랜딩 페이지의 히어로, 가격 안내 또는 기능 소개 섹션을 빠르게 추가합니다. 모든 컴포넌트를 처음부터 디자인하지 않고 관리자 UI나 대시보드 요소를 만듭니다. Tailwind 클래스를 사용해 eCommerce 상품 목록이나 결제 화면 블록을 프로토타이핑합니다.

hyperui는 어떻게 설치하나요?

hyperui.dev에서 컴포넌트를 둘러보고 마크업을 복사하세요 복사한 코드를 Tailwind CSS 프로젝트에 붙여넣으세요. 설치할 패키지는 없습니다

hyperui은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/markmead/hyperui