GetNotes Tools
markmead/hyperui
Tool นี้คืออะไร
HyperUI คือชุดคอมโพเนนต์ Tailwind CSS แบบโอเพนซอร์สฟรี เหมาะสำหรับนักพัฒนาที่ต้องการสร้างเว็บไซต์การตลาด, เว็บแอป และโปรเจกต์อีคอมเมิร์ซได้อย่างรวดเร็วและง่ายดาย เพียงแค่คัดลอกและวางโค้ดลงในโปรเจกต์ของคุณ
ข้อมูลโปรเจกต์
ดาว
12.2K
Forks
505
License
MIT
อัปเดต GitHub ล่าสุด
22 ก.ค. 2569
เพิ่มใน GetNotes
14 ก.ค. 2569
Repository
markmead/hyperui
แปลและเรียบเรียงโดย AI
เนื้อหาฉบับภาษาไทย
ใช้อ่านเพื่อทำความเข้าใจเบื้องต้น โปรดตรวจสอบรายละเอียดสำคัญกับเอกสารต้นฉบับด้านล่าง
HyperUI
คอมโพเนนต์ Tailwind CSS แบบโอเพนซอร์สฟรี สำหรับเว็บไซต์การตลาด, เว็บแอป และโปรเจกต์อีคอมเมิร์ซ
เรียกดูคอมโพเนนต์ได้ที่ hyperui.dev คัดลอกมาร์กอัป แล้ววางลงในโปรเจกต์ Tailwind CSS ของคุณ
วิธีใช้ HyperUI
ไม่ต้องติดตั้งแพ็กเกจใดๆ
- 1ค้นหาคอมโพเนนต์บน hyperui.dev
- 2คัดลอกโค้ด
- 3วางลงในโปรเจกต์ของคุณ
รันเว็บไซต์ในเครื่อง
pnpm install
pnpm dev
pnpm run css:component --watchหากต้องการดูตัวอย่างสไตล์บล็อก ให้รัน: pnpm run css:blog
การมีส่วนร่วม
โปรดเปิด issue ก่อนเริ่มทำงาน
- คู่มือการมีส่วนร่วม: CONTRIBUTING.md
- คำแนะนำฉบับเต็ม: How to contribute
สิทธิ์การใช้งาน
เอกสารโปรเจกต์
อ่านเอกสารต้นฉบับ
README วิธีติดตั้ง วิธีใช้งาน และข้อกำหนดจาก repository ต้นฉบับ
HyperUI
Free, open-source Tailwind CSS components for marketing sites, web apps, and eCommerce projects.
Browse components on hyperui.dev, copy the markup, and paste it into your Tailwind CSS project.
Use HyperUI
There is no package to install.
- 1Find a component on hyperui.dev.
- 2Copy the code.
- 3Paste it into your project.
Run the site locally
pnpm install
pnpm dev
pnpm run css:component --watchTo preview the blog styles, execute: pnpm run css:blog.
Contributing
Please open an issue first before starting work.
- Contributing guide: CONTRIBUTING.md
- Full walkthrough: How to contribute