پرش به محتوا

shadcn.io: بهترین جا برای یافتن blocks تازه برای shadcn/ui

مؤلفه‌ها شما را راه می‌اندازند، اما این blocks هستند که صفحه‌های کامل را با شتاب عرضه می‌کنند. اینجاست که چرا shadcn.io به جای دلخواه ما برای یافتن blocks تازه و آمادهٔ تولید برای shadcn/ui بدل شده است.

اگر با shadcn/ui می‌سازید، پیشاپیش جادو را می‌دانید: کد از آنِ شماست. هیچ وابستگی جعبه‌سیاهی نیست که با آن بجنگید، یک مؤلفه را کپی می‌کنید، و از آنِ شماست تا شکلش دهید.

اما مؤلفه‌ها قطعه‌های کوچک‌اند. یک دکمه، یک ورودی، یک کارت. بلعندهٔ واقعی زمان، سرهم‌کردن این قطعه‌ها در blocks است: یک بخش قیمت، اسکلت یک داشبورد، یک صفحهٔ احراز هویت، یک شبکهٔ ویژگی. اینجاست که بیشتر کار (و بیشتر کپی-پیست از پروژه‌های قدیمی) واقعاً رخ می‌دهد.

این دقیقاً همان شکافی است که shadcn.io پر می‌کند، و به همین دلیل به انتخاب پیش‌فرض ما بدل شده است.

shadcn.io چیست؟

shadcn.io یک رجیستری بزرگ و روبه‌رشد از blocks است که بر روی shadcn/ui ساخته شده: بخش‌های کامل و از پیش‌ترکیب‌شده‌ای که می‌توانید در یک صفحه بیندازید و عرضه کنید. نه پریمیتیوها، بلکه چیدمان‌هایی که در غیر این صورت یک بعدازظهر کامل صرف سرهم‌کردن دستی‌شان می‌کردید.

هر block از همان فلسفهٔ خودِ shadcn/ui پیروی می‌کند: کدی ساده است که از آنِ شماست، با Tailwind سبک‌داده‌شده، بدون قفل‌شدن در زمان اجرا. آن را نصب می‌کنید، و بخشی از کدبیس شما می‌شود.

چرا بهترین جا برای یافتن blocks تازه است

چند چیز آن را متمایز می‌کند:

  • گستره. بخش‌های بازاریابی، داشبوردها، جدول‌ها، جریان‌های احراز هویت، قیمت‌گذاری، نظرات: کاتالوگ صفحه‌هایی را پوشش می‌دهد که محصولات واقعی به‌راستی به آن‌ها نیاز دارند، نه مشتی دمو.
  • تازگی. blocks تازه به‌طور منظم می‌رسند، پس با الگوهای امروزی می‌سازید، نه چیزی که آخرین‌بار یک سال پیش دست‌خورده است.
  • کپی-پیست، نه نصب‌کن‌و‌دعا‌کن. چون blocks از پریمیتیوهای shadcn/ui ترکیب شده‌اند، مانند کدی خوانده می‌شوند که خودتان می‌نوشتید: آسان برای سفارشی‌سازی، آسان برای تم‌دهی.
  • با رجیستری به‌خوبی جور درمی‌آید. blocks در همان جریان کاری shadcn که پیش‌تر به کار می‌برید جا می‌گیرند، پس چیز تازه‌ای برای یادگیری نیست.

چگونه از آن استفاده می‌کنیم

روند ما ساده است: یک صفحه را با یک block از shadcn.io که 80% کامل است آغاز می‌کنیم، سپس 20% باقی‌مانده را برای هماهنگی با برند خم می‌کنیم. چون کد از آنِ شماست، آن 20% پایانی یک تشریفات است: توکن‌ها را عوض کنید، فاصله‌ها را تنظیم کنید، تمام. این‌گونه «طراحی یک صفحهٔ قیمت» از یک روز به یک ساعت تبدیل می‌شود.

Neobrutalism ♥ shadcn.io

از همکاری با shadcn.io سربلندیم. اگر بازخوانی نئوبروتالیستی Neobrutalism از shadcn/ui را دوست دارید، در کتابخانهٔ blocks آن‌ها حس خانه خواهید داشت: همان مدل مالکیت کد، همان شالودهٔ Tailwind، خیلی بیشتر زمین پوشش‌داده‌شده.

مجموعه را در shadcn.io مرور کنید و ببینید یک صفحه چه سریع سرهم می‌شود وقتی blocks پیشاپیش آماده‌اند.


→ بازگشت به مطالب