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

Figma

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

HeroUI

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

DESIGNmd

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

Supernova

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

MD Bootstrap

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

Mockplus

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

Framer Toys

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

Glow UI

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

Aspect

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

Zeroheight

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

腾讯设计Ardot

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

tweakcn

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

Frameblox

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

Design Index

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

Shadcnblocks

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

Specify

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

Design Tokens Generator

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

FlyonUI

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

Tailkit

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

AntBlocks UI

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

Design Language System

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

5sdesign

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

Shadcn Space

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

AI Era

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

Modaic

Modaic เป็นแพลตฟอร์มให้ผู้พัฒนาจัดเวอร์ชัน บรรจุ และร่วมมือบนโปรแกรม DSPy เพื่อสร้าง จัดการ และแชร์โค้ดสำหรับใช้งาน LLM

figr

แอป Figr AI ช่วยออกแบบผลิตภัณฑ์อย่างรวดเร็วและสะดวก สร้างโฟลว์ผู้ใช้ วิวร์เฟรม และระบบออกแบบง่าย ๆ

Design Tokens Generator

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

Tokens Studio

Tokens Studio เป็นเครื่องมือสำหรับจัดการโทเค็นการออกแบบ ช่วยให้สร้าง แก้ไข และซิงโครไนซ์โทเค็นในแพลตฟอร์มการออกแบบต่างๆ ได้ง่ายขึ้น.

ShadCN Themes

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

SeamUI

แอปไคลเอนต์ AI สำหรับสร้างและจัดการภาพ ช่วยขยายเวิร์กโฟลว์งานสร้างสรรค์สำหรับครีเอเตอร์ นักออกแบบ และนักการตลาด