الإلهام

مراجع لتوجيه UI / UX والمنتج. نستلهم بكثرة من أنماط shadcn ومنتجات SIS / MIS الواقعية.

إدارة المدارس

• Next.js School Management Dashboard — جزء 1, جزء 2
• Next.js LMS مع AWS، Docker، Lambda، Clerk، Shadcn
• School Pro — Next.js + Express، playlist وحدة الحضور
• MERN Stack LMS — جزء 1, جزء 2
• SaaS LMS مع نطاقات مخصّصة وaffiliates
• MERN School Management مع React، Node، MongoDB
• تطبيق حضور Next.js كامل مع Drizzle ORM
• نظرة عامة Next-Gen School Management

مراجع لكل نمط

كل صف يشير إلى مجموعة shadcn primitives القانونية، ووثيقتنا الداخلية، وروابط بحث لأمثلة المجتمع.

Dashboard

• Primitives: Card · Tabs · Table · Button
• أمثلة: shadcn/ui Dashboard · Shadcn Admin demo · Shadcn Dashboard
• مرئي: Figma — أفكار dashboard · Pinterest
• كود: GitHub — shadcn dashboard

الجداول والقوائم

• Primitives: Table · Dropdown Menu · Badge · Input
• داخلي: Generic data table
• أمثلة: Tasks data table
• كود: GitHub — shadcn tanstack table

Onboarding

• Primitives: Dialog · Sheet · Form · Progress
• داخلي: Onboarding pattern
• مرئي: Figma — onboarding flow
• كود: GitHub — onboarding wizard shadcn

النماذج

• Primitives: Form · Input · Select · Textarea · Checkbox · Radio Group
• داخلي: Form pattern
• كود: GitHub — Zod + shadcn form

الإشعارات

• Primitives: Toast · Alert · Alert Dialog
• داخلي: الإشعارات
• كود: GitHub — notifications shadcn

المدفوعات (Stripe)

• Primitives: Card · Form · Dialog · Sheet · Skeleton
• استخدم Dialog / Sheet لتدفّقات الدفع، وSkeleton لحالات التحميل.
• كود: GitHub — SaaS Stripe shadcn

تخزين الملفات والرفع

• Primitives: Input · Card · Dialog · Progress · Badge
• داخلي: الملفات
• مميَّز: FileDrive من webdevcody — تخزين ملفات + منظمات + RBAC.
• كود: GitHub — file storage Next.js

واجهة معالجة PDF

• Primitives: Input · Dialog · Scroll Area · Textarea · Progress
• اقرن الواجهة بـreact-pdf مع إبقاء أسلوب shadcn.
• كود: GitHub — Next.js PDF viewer

الرواتب

• Primitives: Table · Badge · Calendar · Alert Dialog
• كود: GitHub — payroll dashboard Next.js

الفواتير

• Primitives: Card · Table · Badge · Dialog
• داخلي: الفاتورة · Generic data table
• كود: GitHub — invoice Next.js shadcn

Chatbot

• Primitives: Scroll Area · Textarea · Avatar · Skeleton · Separator
• مجتمع: Awesome shadcn.
• كود: GitHub — AI chat Next.js shadcn

Auth

• Primitives: Form · Input · Card · Input OTP · Toast
• داخلي: المصادقة
• كود: GitHub — NextAuth + shadcn

المشهد التنافسي

• iSAMS — School Management Information System
• Education Horizons
• eSkooly — School Management System
• Classe365

هذه الروابط للإلهام وأبحاث السوق فقط — لا انتساب ولا تأييد.