Spire - Angular 17+ Material Design Admin Dashboard Template
Introduction
Spire is a modern material design admin dashboard template built with Angular 17 and the Angular-CLI. Spire comes with Angular Material UI for rich styles and design. Template comes with Bootstrap latest version 5.3.2, No jQuery used in the template, so you will get pure angular experience with template.
Spire full support AOT and lazy loading to boost up your project.
Spire uses SASS to make your life editing the styles easier. All styles are fully developed with SASS and easy to understand. It has lots of ready to use components which helps you to develop quickly and easy to customize.
MAIN FEATURES
- Angular 17+
- Angular Material UI 17.0.1
- Bootstrap 5.3.2
- No jQuery
- AOT Compatible
- Style With SASS
- Full RTL Template
- AuthGuard Integrated on page
- Full Functional Calendar App
- Full Functional Task App
- Full Functional Contacts App
- Dynamic JS import at components
- 3 Different Dashboards
- 7 Pre-Defined Color Skins
- Package management with NPM
- Light, Dark & RTL Full Templates
- One click Dark & Light Switch Template
- Material table and ngx-datatable
- Multi Language Integration (English, German, Spanish)
- Validation Forms
- Cross Browsers Support
- Nested Routing
- Multiple Color Options
- Fully Responsive layout
- Font Awesome 5
- Detailed Documentation
- Clean & Well Commended Codes
- W3C Validated Code
- 5 Different Charts Libraries
- Google Fonts
- Form Wizards
- Chat Application
- And many more…
LAYOUTS
- Lite Full Template Light Demo
- Dark Full Template Dark Demo
- RTL Full Template RTL Demo
BUILT-IN APPLICATIONS
- Calendar
- Email Application
- Chat Application
- Task Application
- Support Ticket
- Contact List
- Contact Grid
FORMS
- Basic Form Controls (Angular Material UI)
- Input Mask
- Date Picker
- Date & Time Picker
- Autocomplete
- Prefix & suffix
- Full Form Example with validation
- Angular Reactive Form Validation
- Angular form wizard
- CkEditor
TABLES
- Bootstrap Tables
- Angular Material Tables with crud operations
- ngx-datatable with crud operations
CHARTS
- Echart
- Apex Chart
- ngx-chart
- ChartJs
- Gauge Chart
PAGES
- Login Page
- Registration Page
- Forgot Password
- Locked
- 404-Not Found
- 500-Server Error
- Profile Page
- Pricing Page
- Invoice Page
- FAQs Page
UI ELEMENTS
- Alert
- Badges
- Chips
- Modal Dialog
- Buttons
- Expansion Panel
- Bottom Sheet
- Dialogs
- Cards
- Labels
- List Group
- Media Object
- Snackbar
- Preloaders
- Progress Bars
- Tabs
- Buttons
MEDIA
- Image Gallery
- Timeline
MAPS
- Google Map
SUPPORT
We are always happy to help you. For any queries or any support, please drop us a comment in the comments section or drop us a mail at [email protected]. We will reply to you at the earliest, please do note that our turn around time is 24 hours.
Request
If you like our work, please rate 5 stars on our template, It helps a lot to us.
Note: Images used in the demo are not included in the download version.