Examples

Real-world page templates composed from NDS components. Ready to copy, adapt, and ship.

All Examples

5 full-page demos showing how NDS components work together in real government service contexts.

Services List

Filterable government services catalog with search and category filters.

Service Filter Search Pagination

Registration

Multi-step form with validation, OTP, file upload, and Hijri date selection.

Form Stepper OTP Upload Date Picker

Faculty Profile

Faculty member page with profile, tabbed content, and structured academic information.

Content Tabs Avatar Definition List

Academic Program

Degree program page with expandable content, curriculum, and admission information.

Content Expandable Accordion

Console

Admin console with charts, transactions, team directory, and notifications.

Dashboard Charts Tables Stats

Accessibility Tools

Epilepsy Safe Mode Stops motion and dampens color intensity

Visually Impaired Mode Enlarges text and boosts contrast for clearer reading

Cognitive Disability Mode Highlights titles and stops motion to reduce distraction

Motor Impaired Mode Enlarges click targets and emphasizes the focus indicator

Colorblind Mode Adjusts colors to distinguish red and green clearly

Dyslexia Friendly Mode Uses a clearer font and widens line and word spacing

ADHD Friendly Mode Stops motion, highlights titles, and enables the reading mask