Component gallery
คอมโพเนนต์พร้อมใช้ คัดลอกเข้าโปรเจค แก้ได้ทุกบรรทัด
ตัวอย่าง shadcn/ui บน Next.js + Tailwind v4 — ทุกชิ้น accessible (ฐาน Radix UI), รองรับ dark mode, และเป็นโค้ดของเราเอง ลองกดเล่นได้เลย
Buttons
6 variants · sizes · icons
Badges & display
badge · avatar · tooltip
DefaultSecondaryDestructiveOutline
OM
โอม
ครัวซูชิ team
Form controls
input · select · checkbox
Sliders & toggles
slider · switch · progress
60%
13%
x
Overlays
dialog · dropdown menu
Toasts (sonner)
กดเพื่อแสดง notification
Tabs
จัดกลุ่มเนื้อหาเป็นแท็บ
shadcn/ui คือชุดคอมโพเนนต์ที่ “คัดลอกโค้ดเข้าโปรเจค” แล้วเป็นของเราเอง — ฐาน Radix UI + สไตล์ Tailwind ปรับแต่งได้ทุกบรรทัด ไม่ผูกกับ dependency ที่ซ่อนใน node_modules