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에 적힌 실제 명령어를 그대로 가져왔습니다.

오늘의 추천 프로젝트

Awesome-Hacking ★ 118,742

해커, 모의 해킹 전문가(펜테스터), 보안 연구원을 위한 다양한 멋진 목록(awesome lists) 모음
awesome-interview-questions ★ 84,141

:octocat: 면접 질문 모음 리스트의 엄선된 awesome 리스트입니다. 자유롭게 기여해 주세요! :mortar_board:
mermaid ★ 89,874

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

TypeScript
netdata ★ 80,252

AI 기반의 풀스택 옵저버빌리티(Observability)를 가장 빠르게 달성하는 방법, 소규모 팀에게도 적합합니다.

Go
Microsoft-Activation-Scripts ★ 187,792

HWID, Ohook, TSforge, Online KMS 정품 인증 방식과 고급 문제 해결 기능을 갖춘 오픈소스 Windows 및 Office 정품 인증 프로그

Batchfile
vllm ★ 89,633

LLM을 위한 처리량이 높고 메모리 효율적인 추론 및 서빙 엔진

Python
// repository documentation