หาเครื่องมือ Open Source
ที่พร้อมเอาไปใช้ต่อ

Elastic UI Framework (EUI) คือชุดคอมโพเนนต์ React UI สำหรับสร้างส่วนติดต่อผู้ใช้ (UI) อย่างรวดเร็วที่ Elastic เหมาะสำหรับนักพัฒนาที่ต้องการสร้างแอปพลิเคชัน React ที่มีแบรนด์และสุนทรียภาพแบบ Elastic โดยมีประโยชน์ในการนำคอมโพเนนต์กลับมาใช้ใหม่และรักษามาตรฐานการออกแบบให้สอดคล้องกัน

`awesome-design-md` คือคอลเลกชันที่คัดสรรมาอย่างดีของไฟล์ `DESIGN.md` ที่ดึงมาจากเว็บไซต์จริง ซึ่งช่วยให้ AI agent สร้าง UI ที่มีคุณภาพสูงและสอดคล้องกับภาษาการออกแบบได้อย่างง่ายดาย เหมาะสำหรับนักพัฒนาที่ต้องการสร้าง UI ด้วย AI อย่างรวดเร็วและแม่นยำ

Enterprise design system จาก Alibaba มีคอมโพเนนต์จำนวนมาก เหมาะกับ dashboard และระบบหลังบ้านขนาดใหญ่

ชุด React UI สำหรับหน้าจอข้อมูลซับซ้อนและ desktop-like applications พัฒนาโดย Palantir

Design system จาก Segment สำหรับเว็บแอปองค์กร มีคอมโพเนนต์พร้อมใช้และแนวทางออกแบบที่สม่ำเสมอ

ชุดคอมโพเนนต์แบบ copy-paste ที่ให้คุณถือครองและแก้โค้ดเอง ใช้ Radix UI ร่วมกับ Tailwind CSS

ชุด React components และ hooks ขนาดใหญ่ พร้อมเอกสารสำหรับ LLM และ MCP server ช่วยงาน AI-assisted workflow

ไลบรารีคอมโพเนนต์ React หน้าตาทันสมัยพร้อมใช้ เดิมชื่อ NextUI เหมาะกับงานที่ต้องการขึ้นหน้าจอเร็ว

ชุด React Aria และ React Spectrum จาก Adobe ที่เด่นด้าน Accessibility, i18n และพฤติกรรม UI ที่ครบถ้วน

คอมโพเนนต์แบบไม่มีสไตล์จากทีม Tailwind Labs ใช้งานกับ Tailwind CSS และรองรับ Accessibility

ชุด UI primitives แบบไม่บังคับสไตล์ เน้น Accessibility และนำไปออกแบบต่อได้อิสระ

Grommet เป็นเฟรมเวิร์ก UI ที่ใช้ React ซึ่งช่วยให้นักพัฒนาสร้างเว็บแอปพลิเคชันที่ตอบสนองและเข้าถึงได้ง่าย โดยเน้นประสบการณ์ผู้ใช้ที่จำเป็น มีประโยชน์สำหรับผู้ที่ต้องการชุดคอมโพเนนต์ UI ที่สมบูรณ์และเครื่องมือสนับสนุน.

ไลบรารี React ที่เน้นประสบการณ์นักพัฒนา มีคอมโพเนนต์เข้าถึงง่ายและปรับธีมได้สะดวก

`Primer CSS` คือการนำระบบดีไซน์ `Primer` ของ `GitHub` มาใช้ในรูปแบบ CSS ซึ่งเหมาะสำหรับนักพัฒนาที่ต้องการใช้คลาสยูทิลิตี้ที่มีอยู่เพื่อจัดสไตล์ตามแนวทางของ `GitHub` อย่างไรก็ตาม โครงการนี้อยู่ในโหมดบำรุงรักษา จึงแนะนำให้ใช้ `primer/react` หรือ `primer/view_components` สำหรับแพทเทิร์นที่สมบูรณ์กว่า

Stencil เป็นคอมไพเลอร์สำหรับสร้าง Web Components มาตรฐานโดยใช้ TypeScript และ JSX เหมาะสำหรับนักพัฒนาที่ต้องการสร้างคอมโพเนนต์ที่นำกลับมาใช้ใหม่ได้ ซึ่งสามารถทำงานร่วมกับเฟรมเวิร์กใดก็ได้หรือไม่มีเฟรมเวิร์กเลย

`@material/web` เป็นไลบรารีของ web components ที่ช่วยสร้างเว็บแอปพลิเคชันที่สวยงามและเข้าถึงได้ง่าย โดยใช้ Material 3 ซึ่งเป็นระบบการออกแบบโอเพนซอร์สล่าสุดของ Google เหมาะสำหรับนักพัฒนาที่ต้องการสร้าง UI ที่ทันสมัยและเป็นไปตามมาตรฐาน Material Design

แพ็กเกจ core ของ Reka UI เป็นรากฐานสำคัญสำหรับสร้างส่วนประกอบ UI ที่ปรับแต่งได้และมีประสิทธิภาพสูง เหมาะสำหรับนักพัฒนาที่ต้องการสร้างระบบออกแบบที่ยืดหยุ่นและนำกลับมาใช้ใหม่ได้ โดยมอบเครื่องมือและยูทิลิตี้พื้นฐานที่จำเป็น

Carbon Design System คือระบบออกแบบโอเพนซอร์สของ IBM ที่มีชุดเครื่องมือครบวงจรสำหรับนักพัฒนาและนักออกแบบ เพื่อสร้างผลิตภัณฑ์และประสบการณ์ผู้ใช้ที่สอดคล้องกัน โดยมีคอมโพเนนต์ React, web components, สไตล์, ไอคอน และ design tokens ให้ใช้งาน

Semi-UI เป็นระบบออกแบบและไลบรารี UI ที่ทันสมัยและครบวงจรสำหรับ React ช่วยให้นักพัฒนาสามารถสร้างแอปพลิเคชันที่สวยงามได้อย่างรวดเร็ว พร้อมรองรับการทำงานร่วมกันระหว่าง DesignOps และ DevOps ด้วยฟีเจอร์ Design to Code และ Code to Design.

HyperUI คือชุดคอมโพเนนต์ Tailwind CSS แบบโอเพนซอร์สฟรี เหมาะสำหรับนักพัฒนาที่ต้องการสร้างเว็บไซต์การตลาด, เว็บแอป และโปรเจกต์อีคอมเมิร์ซได้อย่างรวดเร็วและง่ายดาย เพียงแค่คัดลอกและวางโค้ดลงในโปรเจกต์ของคุณ

Base UI คือไลบรารีคอมโพเนนต์ UI ที่ไม่มีสไตล์สำหรับสร้างอินเทอร์เฟซผู้ใช้ที่เข้าถึงได้ เหมาะสำหรับนักพัฒนาที่ต้องการความยืดหยุ่นในการออกแบบและควบคุมรูปลักษณ์ของ UI ได้อย่างเต็มที่

ปลั๊กอินคอมโพเนนต์สำหรับ Tailwind CSS ใช้ semantic class names เพื่อลดโค้ด utility ที่ต้องเขียนซ้ำ

ชุดเครื่องมือออนไลน์ที่รวบรวมยูทิลิตี้ที่มีประโยชน์สำหรับนักพัฒนาและคนทำงานสาย IT ช่วยให้การทำงานสะดวกและรวดเร็วขึ้นผ่านอินเทอร์เฟซที่ใช้งานง่าย

ไลบรารี React ตามแนวทาง Material Design ของ Google มีระบบธีมและคอมโพเนนต์สำหรับงานจริงครบถ้วน