ดาวน์โหลด lobe ui - ดาวน์โหลด lobe ui ซอร์สโค้ด

lobe ui

โค้ดแหล่งที่มา AI

v1.153.9

ดาวน์โหลด

UI กลีบ

Lobe UI เป็นไลบรารีคอมโพเนนต์ UI แบบโอเพ่นซอร์สสำหรับการสร้างเว็บแอป AIGC

เอกสาร · บันทึกการเปลี่ยนแปลง · รายงานข้อผิดพลาด · คุณสมบัติคำขอ

สารบัญ

สารบัญ

- การติดตั้ง

คอมไพล์ด้วย NextJS

- การใช้งาน
⌨️ การพัฒนาท้องถิ่น
- มีส่วนร่วม
- สปอนเซอร์
- ลิงค์

สินค้าเพิ่มเติม
ทรัพยากรการออกแบบ
ทรัพยากรการพัฒนา

การติดตั้ง

สำคัญ

แพ็คเกจนี้เป็น ESM เท่านั้น

ในการติดตั้ง Lobe UI ให้รันคำสั่งต่อไปนี้:

 $ บุญเพิ่ม @lobehub/ui

คอมไพล์ด้วย NextJS

บันทึก

โดยการทำงานที่ถูกต้องกับเราเตอร์หน้า nextjs SSR ให้เพิ่ม transpilePackages: ['@lobehub/ui'] ไปที่ next.config.js ตัวอย่างเช่น:

 // next.config.jsconst nextConfig = {
  // ...การกำหนดค่าอื่น ๆ

  transpilePackages: ['@lobehub/ui'],};

การใช้งาน

บันทึก

ส่วนประกอบ LobeUI ได้รับการพัฒนาโดยใช้ Antd ซึ่งเข้ากันได้อย่างสมบูรณ์กับส่วนประกอบ Antd และขอแนะนำให้ใช้ antd-style เป็นโซลูชันการกำหนดสไตล์ css-in-js เริ่มต้น

 นำเข้า { ThemeProvider, ปุ่ม } จาก '@lobehub/ui'import { ปุ่ม } จาก 'antd'export default () => (
  <ThemeProvider><ปุ่ม>สวัสดี AIGC</ปุ่ม>
  </ผู้ให้บริการธีม>)

การพัฒนาท้องถิ่น

คุณสามารถใช้ Github Codespaces เพื่อการพัฒนาออนไลน์ได้:

หรือลอกแบบเพื่อการพัฒนาท้องถิ่น:

 $ โคลนคอมไพล์ https://github.com/lobehub/lobe-ui.git
$ cd กลีบ-ui
ติดตั้ง $ bun
$ บุญเริ่มต้น

มีส่วนร่วม

เรายินดีต้อนรับการมีส่วนร่วมทุกประเภท หากคุณสนใจที่จะร่วมเขียนโค้ด โปรดตรวจสอบปัญหา GitHub ของเราเพื่อติดขัดเพื่อแสดงให้เราเห็นว่าคุณมีความสามารถอะไร

สปอนเซอร์

ทุกสตางค์มีค่าและการบริจาคครั้งเดียวของคุณจะเปล่งประกายในกาแล็กซี่แห่งการสนับสนุนของเรา! คุณคือดาวตก ที่สร้างการเปลี่ยนแปลงอย่างรวดเร็วและสดใสให้กับการเดินทางของเรา ขอขอบคุณที่ไว้วางใจในเรา ความมีน้ำใจของคุณนำทางเราไปสู่ภารกิจของเรา ทีละภาพอันยอดเยี่ยม

ลิงค์

สินค้าเพิ่มเติม

Lobe Chat - เฟรมเวิร์กแชทบอตประสิทธิภาพสูงแบบโอเพ่นซอร์สที่ขยายได้ (การเรียกใช้ฟังก์ชัน) รองรับการใช้งานเว็บแอปพลิเคชัน ChatGPT/LLM ส่วนตัวของคุณได้ฟรีเพียงคลิกเดียว
ธีม Lobe - ธีมทันสมัยสำหรับ webui ที่แพร่กระจายอย่างเสถียร การออกแบบอินเทอร์เฟซที่สวยงาม UI ที่ปรับแต่งได้สูง และฟีเจอร์เพิ่มประสิทธิภาพ
Lobe Vidol - สัมผัสความมหัศจรรย์ของการสร้างไอดอลเสมือนจริงกับ Lobe Vidol เพลิดเพลินไปกับความสง่างามของการออกแบบ UI ที่สวยงามของเรา เต้นไปพร้อมกับ MMD Dance Support และมีส่วนร่วมในการสนทนาที่ราบรื่น

ทรัพยากรการออกแบบ

Lobe UI - ไลบรารีคอมโพเนนต์ UI แบบโอเพ่นซอร์สสำหรับการสร้างแอปเว็บ AIGC
ไอคอนกลีบ - โลโก้ SVG และคอลเลกชันไอคอนรุ่น AI / LLM ยอดนิยม
แผนภูมิ Lobe - โต้ตอบส่วนประกอบแผนภูมิสมัยใหม่ที่สร้างขึ้นจากแผนภูมิใหม่

ทรัพยากรการพัฒนา

Lobe TTS - ไลบรารี TTS/STT คุณภาพสูงและเชื่อถือได้สำหรับเซิร์ฟเวอร์และเบราว์เซอร์
Lobe i18n - เครื่องมือ ai อัตโนมัติสำหรับกระบวนการแปล i18n (การทำให้เป็นสากล)

แหล่งข้อมูลเพิ่มเติม