جعبه‌ابزار وایب‌کد

ui.shadcn.com

shadcn/ui

کامپوننت‌های React مبتنی بر Radix و Tailwind به‌صورت copy-paste؛ پایهٔ بیشتر ابزارهای این لیست.

kibo-ui.com

Kibo UI

گسترش shadcn/ui با کامپوننت‌های پیچیدهٔ stateful مثل Gantt، Kanban، کدبلاک و color picker.

magicui.design

Magic UI

۱۵۰+ کامپوننت انیمیشنی سازگار با shadcn برای سکشن‌های مارکتینگ و UI پر از موشن.

ui.aceternity.com

Aceternity UI

کامپوننت‌ها و بلاک‌های انیمیشنی React + Tailwind + Motion برای لندینگ‌های چشمگیر، سازگار با رجیستری shadcn.

21st.dev

21st.dev

رجیستری جامعه با ۱۲٬۰۰۰+ کامپوننت، تم و قالب به سبک shadcn؛ قابل جستجو و نصب از ادیتور.

heroui.com

HeroUI

کتابخانهٔ React به‌صورت پکیج npm روی Tailwind و React Aria؛ مدل مالکیت متفاوت از copy-paste شاد‌سی‌ان.

alignui.com

AlignUI

سیستم کامپوننت slot-based برای React + Tailwind با همگام‌سازی Figma و کد.

untitledui.com

Untitled UI

کیت Figma + کامپوننت‌های React با قوانین آماده برای ایجنت (CLAUDE.md / AGENT.md) و MCP.

ui.shadcn.com

shadcn MCP

سرور MCP رسمی برای مرور، جستجو و نصب کامپوننت‌ها و رجیستری‌های shadcn از داخل ایجنت.

21st.dev

21st MCP

پل MCP به کاتالوگ 21st؛ جستجو، تولید و نصب UI از زبان طبیعی داخل ادیتور.

magicui.design

Magic UI MCP

MCP رسمی Magic UI برای جستجو و نصب کامپوننت‌های انیمیشنی از داخل Cursor یا Windsurf.

figma.com

Figma MCP

سرور MCP رسمی Figma؛ خواندن فریم، توکن و کامپوننت‌ها و نوشتن به بوم از داخل ایجنت.

heroui.com

HeroUI MCP

MCP رسمی HeroUI برای مستندات، props، تم و سورس کامپوننت‌ها داخل دستیار AI.

github.com

DESIGN.md (Google Labs)

مشخصات open-source فایل DESIGN.md از پروژهٔ Stitch؛ توکن‌های YAML + دلیل طراحی برای ایجنت‌ها.

stitch.withgoogle.com

Google Stitch

ابزار Google Labs برای طراحی/تولید UI با پشتیبانی بومی از import و export فایل DESIGN.md.

design.dev

DESIGN.md Generator

ادیتور بصری برای ساخت DESIGN.md با پیش‌نمایش زنده، lint کنتراست و export به Tailwind.

GitHub

awesome-design-md

کالکشن GitHub از فایل‌های DESIGN.md استخراج‌شده از محصولات واقعی؛ قابل fork به‌عنوان نقطهٔ شروع.

getdesign.md

getdesign.md

کاتالوگ ۳۰۰+ تحلیل DESIGN.md از سایت‌های واقعی، به‌علاوه ساخت سفارشی در صورت نیاز.

tweakcn.com

tweakcn

ادیتور بصری استاندارد تم برای shadcn/ui؛ پیش‌نمایش زنده و خروجی متغیرهای Tailwind.

shadcnstudio.com

Shadcn Studio

تم‌ساز shadcn به‌همراه کتابخانهٔ بلاک و ابزار Figma-to-code با ادغام MCP.

Vercel

v0

مولد text-to-UI شرکت Vercel؛ توضیح می‌دهی و کد React آماده می‌گیری.

bolt.new

Bolt.new

سازندهٔ فول‌استک داخل مرورگر؛ از پرامپت اپ در حال اجرا می‌سازد.

lovable.dev

Lovable

سازندهٔ فول‌استک AI برای بنیان‌گذاران و طراحان غیرتکنیکال که می‌خواهند بدون تیم توسعه شिप کنند.

Figma

Figma Make

ابزار vibe-coding داخل Figma؛ از فریم یا پرامپت اپ می‌سازد و سیستم طراحی را ارث می‌برد.