ทางเลือกสำหรับ - MD Bootstrap

Figma

Figma เป็นเครื่องมือออกแบบกราฟิกเวกเตอร์และ prototyping ซึ่งสามารถทำงานร่วมกันแบบเรียลไทม์ผ่านเว็บและแอปพลิเคชันบนเดสก์ท็อป

DESIGNmd

คลังไฟล์ DESIGN.md ฟรีสำหรับเก็บระบบดีไซน์ครบในไฟล์เดียว ใช้กับเครื่องมือโค้ด AI เพื่อสร้าง UI ให้สอดคล้อง ค้นหาตามสไตล์ สี หรือแท็ก และดาวน์โหลดได้

HeroUI

HeroUI Chat เปลี่ยนข้อความหรือภาพหน้าจอเป็นแอพ React ที่สวยงาม โดยใช้ AI และไลบรารี HeroUI สำหรับนักพัฒนาสร้างอินเทอร์เฟซที่ใช้งานง่าย.

Supernova

Supernova เป็นแพลตฟอร์มที่ช่วยจัดการและพัฒนาระบบการออกแบบ ช่วยให้ทีมออกแบบและพัฒนาสร้างผลิตภัณฑ์ที่สอดคล้องกันได้ง่ายขึ้น.

Framer Toys

Framer Toys เป็นแอพที่ช่วยให้นักออกแบบสร้าง UI ที่มีคุณภาพ โดยมีส่วนประกอบและเทมเพลตที่เป็นมิตรกับการใช้งานและช่วยเร่งกระบวนการออกแบบ.

Glow UI

Glow UI เป็นชุดเครื่องมือ UI ของ Figma ที่สร้างขึ้นสำหรับมืออาชีพ ช่วยให้การออกแบบสำหรับ SaaS เป็นไปอย่างราบรื่นและมีประสิทธิภาพมากขึ้น

Shadcn Studio

Shadcn Studio เป็นแพลตฟอร์มโอเพ่นซอร์สที่ให้คอมโพเนนต์ UI, บล็อก, เทมเพลต และเครื่องมือปรับธีม/ตัวอักษร เพื่อเร่งการพัฒนาและปรับแต่งอินเทอร์เฟซผู้ใช้

腾讯设计Ardot

腾讯设计 Ardot เป็นเครื่องมือออกแบบด้วย AI สำหรับสร้าง UI จากข้อความหรือรูปภาพ แก้ไขเลย์เอาต์และเวกเตอร์ จัดการระบบดีไซน์ และส่งต่องานสู่การพัฒนาได้บนเว็บและ macOS

Aspect

Aspect app ช่วยให้ผู้ใช้สร้างคอมโพเนนต์ React ได้อย่างง่ายดาย พร้อมระบบการออกแบบที่ซิงค์กับฐานข้อมูลโค้ด

Zeroheight

Zeroheight ช่วยทีมสร้างและจัดการระบบการออกแบบ โดยทำให้การทำงานร่วมกันระหว่างนักออกแบบและนักพัฒนาง่ายขึ้น.

Mockplus

Mockplus เป็นแพลตฟอร์มออกแบบผลิตภัณฑ์ออนไลน์ที่ช่วยในการออกแบบ สร้างต้นแบบ และทำงานร่วมกันได้สะดวกและรวดเร็ว

tweakcn

Tweakcn เป็นเครื่องมือแก้ไขธีมบนเว็บสำหรับปรับแต่ง Shadcn UI และ Tailwind CSS v4 รองรับสไตล์กำหนดเอง แก้ไขคุณสมบัติ ดูตัวอย่างเรียลไทม์ และส่งออกโค้ด

Design Index

Design Index รวบรวมแหล่งข้อมูลและตัวอย่างระบบการออกแบบที่คัดสรร เพื่อให้ค้นหาและเข้าถึงส่วนประกอบ UI แนวทางและเอกสารได้ง่ายขึ้น

Frameblox

Frameblox เป็นไลบรารีเทมเพลตเว็บไซต์และส่วนประกอบ Framer ที่ช่วยนักออกแบบสร้างและปรับแต่งเว็บไซต์ได้เร็วขึ้นและง่ายขึ้น โดยมีสินทรัพย์มากกว่า 780 รายการ.

Shadcnblocks

Shadcnblocks เป็นแหล่งรวมบล็อก UI กว่า 680 บล็อกสำหรับการสร้างเว็บเพจและแอปพลิเคชัน โดยรองรับ React และ Tailwind CSS.

Tailkit

Tailkit เป็นเครื่องมือที่ช่วยนักพัฒนาสร้างเว็บแอพพลิเคชั่นที่ตอบสนอง โดยมีส่วนประกอบที่ออกแบบไว้ล่วงหน้ากว่า 500 รายการ รองรับหลายเฟรมเวิร์ก

Design Tokens Generator

แอพเครื่องกำเนิดโทเค็นการออกแบบช่วยสร้างและจัดการโทเค็นการออกแบบได้อย่างรวดเร็ว ส่งออกเป็น JSON, CSS และ SASS เพื่อใช้ในโปรเจกต์ต่างๆ.

AntBlocks UI

Antblocks UI เป็นแอพที่มีชุดส่วนประกอบ UI ที่ใช้สำหรับพัฒนาแอพด้วย Figma และ React ช่วยให้นักพัฒนาสร้างอินเทอร์เฟซได้อย่างง่ายดายและรวดเร็ว.

FlyonUI

FlyonUI เป็นไลบรารีส่วนประกอบ UI ฟรีที่ใช้กับ Tailwind CSS มีองค์ประกอบมากกว่า 800 แบบ ช่วยในการพัฒนาเว็บแอปพลิเคชันที่ใช้งานง่ายและปรับแต่งได้.

BadtzUI

BadtzUI เป็นเครื่องมือสำหรับสร้างแอปพลิเคชันเว็บอย่างรวดเร็ว โดยใช้ส่วนประกอบ UI ที่ออกแบบไว้แล้วเพื่อเพิ่มประสิทธิภาพการพัฒนา.

Shadcn Space

Shadcn Space คือแพลตฟอร์มรวมบล็อก คอมโพเนนต์ เทมเพลต และเลย์เอาต์ UI สำหรับ React/Next.js ช่วยให้นักพัฒนานำไปใช้และปรับแต่งได้เร็วขึ้น

Design Language System

DLS สร้างระบบภาษาออกแบบครบชุด (โลโก้ พาเลต ตัวอักษร และส่วนประกอบ UI) ให้ผู้ก่อตั้งเดี่ยว ผ่านแชท 6 คำถาม เพื่อได้แบรนด์ที่พร้อมใช้งานทันที

Design Tokens Generator

เครื่องกำเนิดโทเค็นการออกแบบช่วยสร้างและจัดการโทเค็นการออกแบบ เช่น สีและระยะห่าง เพื่อความสอดคล้องในงานออกแบบและพัฒนาเว็บ.

Specify

Specify ช่วยองค์กรในการจัดการแบรนด์ โดยเชื่อมต่อกับแพลตฟอร์มออกแบบเพื่อแชร์และแปลงโทเค็นการออกแบบให้ง่ายต่อการใช้งาน.

ZemryX

ZemryX คือระบบออกแบบและชุด UI สำหรับ Figma ที่ช่วยจัดการสี โทเค็น ส่วนประกอบ และธีมหลายแบรนด์ ทั้งโหมดสว่าง/มืด เพื่อออกแบบและส่งต่องานได้สม่ำเสมอ

5sdesign

5sdesign คือชุดการออกแบบสำหรับช่วยสร้างหน้าเว็บและ UI ได้เร็วขึ้น โดยมีพรอมป์ตหน้า Landing, พื้นหลังเคลื่อนไหว, ระบบสี, ฟอนต์ และชุดไอคอน

UIAble

UIAble คือไลบรารีคอมโพเนนต์ UI โอเพ่นซอร์สฟรีสำหรับสร้างเว็บแอปด้วย React และ Next.js โดยใช้ Tailwind CSS และหลักการ UI พื้นฐาน

ShadCN Themes

แอปเว็บสำหรับค้นหาและสร้างธีมสำหรับ shadcn/ui: เลือกธีมจากชุมชน ปรับสีด้วยตัวเลือก OKLCH เลือก Google Fonts ปรับมุมขอบ และส่งออกธีมสำหรับ Next.js

MyuiKits

MyuiKits เป็นเว็บสำหรับเรียกดูส่วนประกอบ React สร้างและบันทึกคอมโพเนนต์ รวมเป็นชุด และเผยแพร่ไปยัง NPM

AI Era

AI Era เป็นฐานข้อมูลระบบการออกแบบคัดสรร แสดงแนวทาง AI แบบแผน เครื่องมืออัตโนมัติ แหล่งอ่าน และสัญญาณงาน จากระบบจริง เพื่อช่วยออกแบบ UI/UX ผสาน AI