- Introduction
- Pitch
- Hogwarts
- Live Demo
- MVP
- Roadmap
- Launch Sprint
- PRD
- Get Started
- Localhost
- Architecture
- Structure
- Pattern
- Page
- Layout
- Content
- Types
- Config
- Actions
- Queries
- Authorization
- Validation
- Form
- Table
- Detail
- Card
- Util
- Hooks
- List Params
- Views
- README.md
- ISSUE.md
- Technology Stack
- Database
- File
- CDN Assets
- Entry Points
- Dashboard
- Authentication
- Credentials
- OAuth
- Flow Diagrams
- Multi-Tenancy
- Offline
- Onboarding
- Onboarding Videos
- Add Values
- Admission
- Application
- Attendance
- Compliance
- Profile
- Exams
- Exam Wizard
- Timetable
- Classrooms
- Notifications
- Conference
- LMS (Lumos)
Finance
- Finance
- Fee Management
- Invoice
- Wallet
- Salary
- Payroll
- Timesheet
- Expenses
- Budget
- Receipt
- Accounts
- Banking
- Reports
- Dashboard
- Permissions
- Messages
- Integration Flow
- Provision
- AI Document Processing
- Document Intelligence
- Internationalization
- Translation
- Translation Guide
- Icons
- Docs Factory
- Inspiration
- Listings
- Teachers
- Students
- Catalog
- Library
- Contributing
- Code of conduct
- GitHub Workflow
- Database Seeds
- Database Safety
- Test Accounts
- Playwright
- Prettier
- Block Rebound
Sales & GTM
References for UI / UX and product direction. We draw heavily from shadcn patterns and real-world SIS / MIS products.
School management
- Next.js School Management Dashboard — part 1, part 2
- Next.js LMS with AWS, Docker, Lambda, Clerk, Shadcn
- School Pro — Next.js + Express, attendance module playlist
- MERN Stack LMS series — part 1, part 2
- SaaS LMS with custom domains and affiliates
- MERN School Management with React, Node, MongoDB
- Full-stack Next.js attendance app with Drizzle ORM
- Next-Gen School Management overview
Per-pattern references
Each row points at the canonical shadcn primitive set, our internal doc, and search links for community examples.
Dashboard
- Primitives: Card · Tabs · Table · Button
- Examples: shadcn/ui Dashboard · Shadcn Admin demo · Shadcn Dashboard
- Visual: Figma — dashboard layout ideas · Pinterest
- Code: GitHub — shadcn dashboard
Tables and lists
- Primitives: Table · Dropdown Menu · Badge · Input
- Internal: Generic data table
- Examples: Tasks data table
- Code: GitHub — shadcn tanstack table
Onboarding
- Primitives: Dialog · Sheet · Form · Progress
- Internal: Onboarding pattern
- Visual: Figma — onboarding flow
- Code: GitHub — onboarding wizard shadcn
Forms
- Primitives: Form · Input · Select · Textarea · Checkbox · Radio Group
- Internal: Form pattern
- Code: GitHub — Zod + shadcn form
Notifications
- Primitives: Toast · Alert · Alert Dialog
- Internal: Notifications
- Code: GitHub — notifications shadcn
Payments (Stripe)
- Primitives: Card · Form · Dialog · Sheet · Skeleton
- Use Dialog / Sheet for checkout flows; Skeleton for loading states.
- Code: GitHub — SaaS Stripe shadcn
File storage and upload
- Primitives: Input · Card · Dialog · Progress · Badge
- Internal: File
- Featured: FileDrive by webdevcody — file storage + organisations + role-based authorisation.
- Code: GitHub — file storage Next.js
PDF parsing UI
- Primitives: Input · Dialog · Scroll Area · Textarea · Progress
- Pair UI with
react-pdfwhile keeping the interface shadcn-styled. - Code: GitHub — Next.js PDF viewer
Payroll and salary
- Primitives: Table · Badge · Calendar · Alert Dialog
- Code: GitHub — payroll dashboard Next.js
Invoices
- Primitives: Card · Table · Badge · Dialog
- Internal: Invoice · Generic data table
- Code: GitHub — invoice Next.js shadcn
Chatbot
- Primitives: Scroll Area · Textarea · Avatar · Skeleton · Separator
- Community: Awesome shadcn.
- Code: GitHub — AI chat Next.js shadcn
Auth
- Primitives: Form · Input · Card · Input OTP · Toast
- Internal: Authentication
- Code: GitHub — NextAuth + shadcn
Competitive landscape
- iSAMS — School Management Information System
- Education Horizons
- eSkooly — School Management System
- Classe365
These links are inspiration and market research only — no affiliation or endorsement implied.