การติดตั้ง

WhereUI เป็น registry แบบ shadcn — ติดตั้งแล้ว code ของ component เข้าไปอยู่ใน project ของคุณ

เปิดดูในเครื่อง

โคลน repo นี้แล้วรันสองคำสั่งนี้เพื่อดูทุก component

Terminal

pnpm installpnpm dev        # เปิด http://localhost:3000

ติดตั้งใน project อื่น

project ต้องเป็น React + Tailwind v4 ที่ shadcn init แล้ว (style base-nova)

Terminal

# 1. ผูกชื่อ @whereui กับที่อยู่ของ registry (ครั้งเดียวต่อ project)pnpm dlx shadcn@latest registry add "@whereui=https://uikit.app.whereteam.com/r/{name}.json"

Terminal

# 2. ติดตั้งธีม + ทุก componentpnpm dlx shadcn@latest add @whereui/theme @whereui/all --yes --overwrite

Terminal

# หรือทีละตัวpnpm dlx shadcn@latest add @whereui/button @whereui/dialog

ข้อควรรู้

ต้องใส่ @whereui/theme นำหน้าเสมอเมื่อติดตั้งครั้งแรก: ถ้าปล่อยให้ธีมเข้ามาเป็นแค่ dependency ของ all ค่าสีเดิมของ shadcn จะไม่ถูกเขียนทับ
ฟอนต์ไม่ได้ติดมากับธีม ให้ตั้งใน app/layout.tsx ของ project ตามตัวอย่างใน app/layout.tsx ของ repo นี้ (IBM Plex Sans Thai ผ่าน next/font/google ตัวแปร --font-sans)