hyperui

(★ 12,204)

Tailwind CSS v4의 최신 기능과 스타일로 웹 개발을 향상시키도록 디자인된, 다음 프로젝트를 위한 무료 Tailwind CSS v4 컴포넌트 🚀

파일 탐색기

최종 버전 다운로드 (.zip)
  • .gitattributes
  • .gitignore
  • .prettierignore
  • .prettierrc
  • astro.config.ts
  • CLAUDE.md
  • CONTRIBUTING.md
  • eslint.config.ts
  • LICENSE
  • package.json
  • playwright.config.js
  • pnpm-lock.yaml
  • pnpm-workspace.yaml
  • README.md
  • skills-lock.json
  • tsconfig.json
  • worker-configuration.d.ts
  • wrangler.jsonc

# 설치 가이드

1. 코드 내려받기
git clone https://github.com/markmead/hyperui

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd hyperui

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천
사전 준비물
  • Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
  • Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.
pnpm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

pnpm dev

개발/실행 서버를 켭니다.

pnpm run css:component --watch

이 명령어를 터미널에 그대로 입력해 실행하세요.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

syncthing ★ 87,847

오픈소스 지속적 파일 동기화

Go
awesome-go ★ 181,805

멋진 Go 프레임워크, 라이브러리 및 소프트웨어의 큐레이션된 목록입니다.

Go
mermaid ★ 89,874

마크다운과 유사한 방식으로 텍스트로부터 순서도나 시퀀스 다이어그램 등의 다이어그램을 생성합니다.

TypeScript
Best-websites-a-programmer-should-visit ★ 76,276

:link: 프로그래머를 위한 유용한 웹사이트 모음입니다.
firecrawl ★ 170,391

웹을 대규모로 검색, 스크랩하고 상호작용하기 위한 Context API입니다. 🔥

TypeScript
awesome-llm-apps ★ 133,464

100개 이상의 AI Agents, Agent Skills 및 RAG Apps - 무료 오픈소스.

Python
// repository documentation