CodideX Mobile School ERP mobile template

School ERP Mobile App Template

CodideX Mobile

A mobile-first HTML, CSS, and JavaScript template for student, teacher, employee, and parent app experiences.

Choose an app

Auth Flow

Splash screen, role selector, and frontend login preview.

Student App

Attendance, fees, timetable, results, notices, and doubt shortcuts.

Teacher App

Classes, marking, doubts, marks entry, and notice workflows.

Employee App

Attendance, salary, leave request, approvals, and HR support.

Parent App

Child profile, fee status, results, notices, grievance, and communication.

Included Mobile Features

Buyer preview

Student App

Attendance, timetable, results, fees, documents and doubts.

Teacher App

Classes, attendance, marks entry, replies and messages.

Employee App

Attendance, salary, leave, HR support and approvals.

Parent App

Child profile, fees, results, transport and communication.

Auth Flow

Splash, role selection, login, signup, OTP and reset UI.

Signup + OTP

Role-aware frontend signup and verification screens.

Account Settings

Notification, profile and security setting pages by role.

Communication & Chat

Chat composer, notifications, push preview and messages.

Dummy Fee Payment UI

Student and parent fee checkout screens.

Dummy Payment Gateway

Cash, Card, UPI and Net Banking frontend preview.

Dummy Fee Receipt Preview

Student and parent printable receipt UI.

Dummy Salary Slip Preview

Teacher and employee payroll document UI.

Print-Friendly Document UI

Receipt and salary slip layouts with print actions.

PDF Download Preview

Frontend-only PDF/download buttons with clear demo behavior.

Dark / Light Mode

Readable app screens and preview shell themes.

Documentation Included

Setup, folder structure, components and package notes.

Reusable Components Library

Open Components Library

NavigationHeaders, menus, tabs and role selectors

CardsKPI, profile, timeline and content cards

FormsInputs, OTP, password and selects

ChatMessages, composer and attachments

NotificationsBadges, toasts, modals and alerts

AuthSplash, login, signup and reset flows

SettingsAccount, notification and security rows

Payment UIFee summary, gateway, success and receipt

Open Components Library Open Payment Demo

Marketplace assets

Screenshots & Preview Assets

Open the organized screenshot gallery or marketplace landing preview for final buyer presentation assets.

View Screenshots View Marketplace Preview

Frontend Template

No backend, API, PHP, MySQL, Flutter, Dart, React, Vue, or Angular is included in this mobile-first HTML template.

Open documentation

Communication showcases

Communication UI

Notification Center Push Preview Communication UI Chat UI Dark Mode Components