Event registration
Components: Hero Banner · Date Time Picker · Vertical Visual Picker · Counter · Input Choice Set
Education Cloud examples
Student lifecycle use cases: admissions, advising, course registration, campus facilities and alumni relations. 32 examples to open live and copy, built with Avonni components such as Metric, Datatable and List.
Education Cloud
32 examples
Financial aid application
Components: Progress Indicator · Visual Picker · Slider · Counter · Formatted Address · NFC Tag Scanner · Document Scanner · Metric · Date Range · Donut Chart · Signature Pad · Biometrics
End-of-course evaluation
Components: Progress Indicator · Avatar · QR Code · Alert · Input Choice Set Grid · Rating · Slider · Input Choice Set · Text Area · Microphone
Course registration
Components: Header · Scoped Notification · Metric · Tree Grid · Pill Container · Datatable · Scheduler · Input Choice Set · Combobox
Scholarship application
Components: Header · Progress Indicator · Metric · Stacked Bar Chart · List · Audio Player · Icon Picker · Text Area · Datatable · Input Choice Set
Campus housing selection
Components: Header · Visual Picker Link · Carousel · Map · Vertical Visual Picker · Input Choice Set Grid · Text Area · Scoped Notification
Advising appointment prep
Components: Header · Progress Circle · Line Chart · Tree Grid · Calendar · Vertical Visual Picker · Combobox · Visual Picker · Text Area
Field trip permission
Components: Header · List · QR Code · Input Choice Set · Input Choice Set Grid · Text Area · Avatar Group · Illustration · Button Menu · Signature Pad
Parent-teacher conference
Components: Header · Avatar Group · Bar Chart · Activity Timeline · Vertical Visual Picker · Date Time Picker · Input Choice Set · Combobox · Text Area
Student success advisor
Components: Profile Card · Stateful Button · Badge · Text · Container · Status · Metric · Progress Bar · Chip Container · Line Chart · Layout · Progress Circle · Scheduler · List · Avatar Group · Button · Activity Timeline · Card · Date Input · Time Input · Toggle Input
Admissions application review
Components: Header · Button Group · Progress Indicator · Metric · Tabbed Container · Container · Blockquote · Card · Rating · Number Input · Segmented Control · Chat · Datatable · File Upload
Alumni donor profile
Components: Avatar · Metric · Alert · Bar Chart · Pyramid Chart · Tabbed Container · Container · Datatable · List · Avatar Group · Separator · Segmented Control · Slider · Button · Flat Gauge Chart
Prospective student record
Components: Header · Button Menu · Metric · Navigation · Visual Picker · Card · Email Input · Activity Timeline
Research grant award
Components: Header · Button Menu · Metric · Pivot Table · Expandable Section · Progress Bar · Text · Repeatable · Container · Badge
Alumni mentor record
Components: Profile Card · Button · Badge · Text · Card · Barcode · Formatted Value · Metric · Relationship Graph · Image · Datatable · Pill Container · Toggle Input
Course offering record
Components: Header · Button · Progress Indicator · Metric · Card · Date Range · Text · Color Picker · Dual Listbox · Datatable · Pill Container · Toggle Input · Counter
Student-athlete record
Components: Profile Card · Button · Badge · Text · Card · Progress Bar · Formatted Value · Counter · Metric · Video Player · Metrics Radar Chart · Datatable · Checkbox
Campus facility record
Components: Header · Button Menu · Scoped Notification · Metric · Image List · Datatable · Card · Formatted Address · Text · Activity Timeline · Signature Pad · Button
Campus events
Components: Navigation · Banner · List · Avatar Group · Gallery
Student portal home
Components: Navigation · Banner · Button Group · Scheduler · Container · Metric · Status · Number Input · Button · Text · Repeatable · Badge · Progress Bar · List · Avatar · Date Time Picker · Gallery · Social Links
Course catalog
Components: Banner · Search Input · Segmented Control · Chip Container · List · Tree Grid · Container · Text Input · Password Input · Button · Tabs · Scheduler · Rating · Profile Card
Career services center
Components: Banner · Datatable · Container · Flat Gauge Chart · Button · Calendar · Map · Stacked Bar Chart · Carousel · Avatar · List · Signature Pad · Camera
Course catalog browser
Components: Banner · Metric · Container · Carousel · List · Datatable · Scoped Notification
Course enrollment picker
Components: Vertical Visual Picker · Progress Circle · Pill Container · Calendar
Faculty gradebook
Components: Page Header · Dynamic Menu · Alert · Filter Menu Group · Metric · Datatable · Card · Layout · Layout Item · Progress Bar · Status · List · Chat
Campus facilities booking
Components: Page Header · Dynamic Menu · Alert · Filter Menu Group · Map · Vertical Visual Picker · Date Time Picker · Card · Layout · Layout Item · Slider · Color Picker · Input Choice Set · Progress Bar · Avatar · Datatable
Lecture capture and notes
Components: Page Header · Badge · Layout · Layout Item · Metric · Video Player · Card · Chip Container · Progress Bar · Input Choice Set · Blockquote · Microphone · Combobox · Audio Player · List · Datatable · Avatar Group · Rating
Exam proctoring console
Components: Page Header · Badge · Layout · Layout Item · Metric · Avatar · Card · Progress Bar · Counter · Combobox · Input Choice Set · Calendar · List · Chip Container · Datatable · Activity Timeline
Language lab
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Card · Progress Indicator · Audio Player · Slider · Microphone · Rating · Chip Container · Datatable · Activity Timeline
Art portfolio review
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Image List · Card · Color Palette · Chip Container · Progress Bar · Rating · Datatable · Input Choice Set · Combobox · Avatar Group · Signature Pad
Campus shuttle tracker
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Alert · Map · Card · List · Data Carousel · Progress Bar · Rating · Illustration
Curriculum map
Components: Page Header · Dynamic Menu · Layout · Layout Item · Metric · Alert · Card · Tree · Dual Listbox · Datatable · Color Gradient · Progress Indicator