ทางเลือกสำหรับ - Shadcn Studio

Figma

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

DESIGNmd

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

HeroUI

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

MD Bootstrap

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

Supernova

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

tweakcn

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

Framer Toys

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

Zeroheight

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

Shadcnblocks

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

Glow UI

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

腾讯设计Ardot

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

Design Tokens Generator

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

UIAble

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

Aspect

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

Design Language System

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

AntBlocks UI

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

Shadcn Space

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

ShadCN Themes

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

Design Index

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

Tailkit

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

FlyonUI

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

BadtzUI

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

Design Tokens Generator

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

ZemryX

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

Frameblox

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

Mockplus

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

MyuiKits

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

UI Arc

UI Arc เป็นไลบรารีคอมโพเนนต์และบล็อก React ที่มีแอนิเมชัน พร้อมติดตั้ง ปรับแต่ง และนำไปใช้สร้างเว็บแอปได้

Specify

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

Contexxt

Contexxt จัดการระบบการออกแบบให้เป็นสัญญาที่เครื่องอ่านได้ เชื่อมต่อเครื่องมือเขียนโค้ด AI และตรวจสอบว่าโค้ดที่สร้างสอดคล้องกับมาตรฐานการออกแบบ