27 مكوّناً · نواة برخصة MIT

أضف مكوّناً
وامتلك شيفرته.

فاصلة مكتبة مكوّنات React من تطوير شركة Smicolon GmbH، مبنيّة على مكوّنات shadcn/ui الأساسية. تنسخ أداة الأوامر شيفرة المكوّن داخل مشروعك. الشيفرة لك، تعدّلها كما تشاء، بلا صندوق مغلق تصارعه.

اقرأ التوثيق
الطرفية~/your-app
$ npx fasla-ui add button
✓ تم حلّ المكوّن في السجل
✓ button.tsx ← components/ui
✓ تم ربط cva و tailwind-merge
$
components/ui/button.tsx — لك
const buttonVariants = cva(
"inline-flex items-center…",
{ variants: { variant, size } }
)

عدّله · غيّر اسمه · احذفه

27
مكوّنات تشمل الأساسيات والكتل والتأثيرات
MIT
رخصة النواة، بلا قيود وقت التشغيل
0
اعتماديات وقت تشغيل مطلوبة إلى جانب React الموجود لديك
DE
صُنعت في ألمانيا من Smicolon GmbH

ما يضمّه السجل

ثلاث فئات ومسار تثبيت واحد. كل مكوّن يأتي بحالات التحميل والفراغ والخطأ والتعطيل.

المكوّنات الأساسية

12

Button و Input و Card و Badge و Skeleton و Avatar و Checkbox و Switch و Select و Combobox و Tabs و Textarea.

تصفّح

الكتل

8

AppShell و PageHeader و EmptyState و Sidebar و Navbar و StatsCard و DataTable و FormSection.

تصفّح

التأثيرات

7

ShimmerButton و AnimatedGradient و TextReveal و BorderBeam و Spotlight و GlowCard و TypewriterText.

تصفّح

ما تحصل عليه في الحالتين

الوصولية افتراضياً

التنقّل بلوحة المفاتيح ودعم قارئات الشاشة مبنيّان في المكوّنات. الأزرار الأيقونية تحمل aria-label، وحدود التركيز تبقى ظاهرة.

احترام تقليل الحركة

كل حركة تقرأ prefers-reduced-motion من إعدادات الحركة المشتركة. لا حاجة إلى تفعيل يدوي.

TypeScript في كل مكان

الخصائص والصيغ موصّفة بالأنواع، فيعمل الإكمال التلقائي فور وصول المكوّن إلى مشروعك.

رموز دلالية

الألوان تأتي من متغيّرات CSS ومن سمة Tailwind. غيّر السمة بتعديل الرموز، لا المكوّنات.

ثلاثة مستويات كثافة

مضغوط ومريح وواسع، فتناسب المكوّنات نفسها لوحة تحكّم كثيفة وصفحة تسويقية.

الملك لك بعد التثبيت

أداة الأوامر تنسخ الشيفرة، لا اعتمادية. لا شيء يمنعك من إعادة كتابة المكوّن في اليوم التالي.