# Adminto Design System - Page Layouts This document lists all available pages and layouts from the Adminto Bootstrap 5 Admin Dashboard template. ## Main Navigation ### Dashboard - **Dashboard** (https://coderthemes.com/adminto/layouts/index.html) - Main dashboard with 9+ variants ### Applications - **Chat** (https://coderthemes.com/adminto/layouts/apps-chat.html) - **Calendar** (https://coderthemes.com/adminto/layouts/apps-calendar.html) - **Email** (https://coderthemes.com/adminto/layouts/apps-email.html) - **File Manager** (https://coderthemes.com/adminto/layouts/apps-file-manager.html) - **Projects** (https://coderthemes.com/adminto/layouts/apps-projects.html) #### Users Section - **Contacts** (https://coderthemes.com/adminto/layouts/apps-user-contacts.html) - **Profile** (https://coderthemes.com/adminto/layouts/apps-user-profile.html) #### Tasks Section - **Kanban** (https://coderthemes.com/adminto/layouts/apps-kanban.html) - **View Details** (https://coderthemes.com/adminto/layouts/apps-task-details.html) #### Invoice Section - **Invoices** (https://coderthemes.com/adminto/layouts/apps-invoices.html) - **View Invoice** (https://coderthemes.com/adminto/layouts/apps-invoice-details.html) - **Create Invoice** (https://coderthemes.com/adminto/layouts/apps-invoice-create.html) ### Pages #### General Pages - **Starter Page** (https://coderthemes.com/adminto/layouts/pages-starter.html) - **Pricing** (https://coderthemes.com/adminto/layouts/pages-pricing.html) - **FAQ** (https://coderthemes.com/adminto/layouts/pages-faq.html) - **Maintenance** (https://coderthemes.com/adminto/layouts/pages-maintenance.html) - **Timeline** (https://coderthemes.com/adminto/layouts/pages-timeline.html) - **Coming Soon** (https://coderthemes.com/adminto/layouts/pages-coming-soon.html) #### Authentication Pages - **Login** (https://coderthemes.com/adminto/layouts/auth-login.html) - **Register** (https://coderthemes.com/adminto/layouts/auth-register.html) - **Logout** (https://coderthemes.com/adminto/layouts/auth-logout.html) - **Recover Password** (https://coderthemes.com/adminto/layouts/auth-recoverpw.html) - **Create Password** (https://coderthemes.com/adminto/layouts/auth-createpw.html) - **Lock Screen** (https://coderthemes.com/adminto/layouts/auth-lock-screen.html) - **Confirm Mail** (https://coderthemes.com/adminto/layouts/auth-confirm-mail.html) - **Login with PIN** (https://coderthemes.com/adminto/layouts/auth-login-pin.html) #### Error Pages - **401 Unauthorized** (https://coderthemes.com/adminto/layouts/error-401.html) - **400 Bad Request** (https://coderthemes.com/adminto/layouts/error-400.html) - **403 Forbidden** (https://coderthemes.com/adminto/layouts/error-403.html) - **404 Not Found** (https://coderthemes.com/adminto/layouts/error-404.html) - **500 Internal Server** (https://coderthemes.com/adminto/layouts/error-500.html) - **Service Unavailable** (https://coderthemes.com/adminto/layouts/error-service-unavailable.html) - **Error 404 Alt** (https://coderthemes.com/adminto/layouts/error-404-alt.html) ### Widgets - **Widgets** (https://coderthemes.com/adminto/layouts/widgets.html) ### Components #### Base UI Components - **Accordions** (https://coderthemes.com/adminto/layouts/ui-accordions.html) - **Alerts** (https://coderthemes.com/adminto/layouts/ui-alerts.html) - **Avatars** (https://coderthemes.com/adminto/layouts/ui-avatars.html) - **Badges** (https://coderthemes.com/adminto/layouts/ui-badges.html) - **Breadcrumb** (https://coderthemes.com/adminto/layouts/ui-breadcrumb.html) - **Buttons** (https://coderthemes.com/adminto/layouts/ui-buttons.html) - **Cards** (https://coderthemes.com/adminto/layouts/ui-cards.html) - **Carousel** (https://coderthemes.com/adminto/layouts/ui-carousel.html) - **Collapse** (https://coderthemes.com/adminto/layouts/ui-collapse.html) - **Dropdowns** (https://coderthemes.com/adminto/layouts/ui-dropdowns.html) - **Ratios** (https://coderthemes.com/adminto/layouts/ui-ratios.html) - **Grid** (https://coderthemes.com/adminto/layouts/ui-grid.html) - **Links** (https://coderthemes.com/adminto/layouts/ui-links.html) - **List Group** (https://coderthemes.com/adminto/layouts/ui-list-group.html) - **Modals** (https://coderthemes.com/adminto/layouts/ui-modals.html) - **Notifications** (https://coderthemes.com/adminto/layouts/ui-notifications.html) - **Offcanvas** (https://coderthemes.com/adminto/layouts/ui-offcanvas.html) - **Placeholders** (https://coderthemes.com/adminto/layouts/ui-placeholders.html) - **Pagination** (https://coderthemes.com/adminto/layouts/ui-pagination.html) - **Popovers** (https://coderthemes.com/adminto/layouts/ui-popovers.html) - **Progress** (https://coderthemes.com/adminto/layouts/ui-progress.html) - **Scrollspy** (https://coderthemes.com/adminto/layouts/ui-scrollspy.html) - **Spinners** (https://coderthemes.com/adminto/layouts/ui-spinners.html) - **Tabs** (https://coderthemes.com/adminto/layouts/ui-tabs.html) - **Tooltips** (https://coderthemes.com/adminto/layouts/ui-tooltips.html) - **Typography** (https://coderthemes.com/adminto/layouts/ui-typography.html) - **Utilities** (https://coderthemes.com/adminto/layouts/ui-utilities.html) #### Extended UI Components - **Dragula** (https://coderthemes.com/adminto/layouts/extended-dragula.html) - **Sweet Alerts** (https://coderthemes.com/adminto/layouts/extended-sweetalerts.html) - **Ratings** (https://coderthemes.com/adminto/layouts/extended-ratings.html) - **Scrollbar** (https://coderthemes.com/adminto/layouts/extended-scrollbar.html) #### Icons - **Remix Icons** (https://coderthemes.com/adminto/layouts/icons-remix.html) - **Tabler Icons** (https://coderthemes.com/adminto/layouts/icons-tabler.html) - **Solar Icons** (https://coderthemes.com/adminto/layouts/icons-solar.html) #### Charts - **Area Charts** (https://coderthemes.com/adminto/layouts/charts-apex-area.html) - **Bar Charts** (https://coderthemes.com/adminto/layouts/charts-apex-bar.html) - **Bubble Charts** (https://coderthemes.com/adminto/layouts/charts-apex-bubble.html) - **Candlestick Charts** (https://coderthemes.com/adminto/layouts/charts-apex-candlestick.html) - **Column Charts** (https://coderthemes.com/adminto/layouts/charts-apex-column.html) - **Heatmap Charts** (https://coderthemes.com/adminto/layouts/charts-apex-heatmap.html) - **Line Charts** (https://coderthemes.com/adminto/layouts/charts-apex-line.html) - **Mixed Charts** (https://coderthemes.com/adminto/layouts/charts-apex-mixed.html) - **Timeline Charts** (https://coderthemes.com/adminto/layouts/charts-apex-timeline.html) - **Boxplot Charts** (https://coderthemes.com/adminto/layouts/charts-apex-boxplot.html) - **Treemap Charts** (https://coderthemes.com/adminto/layouts/charts-apex-treemap.html) - **Pie Charts** (https://coderthemes.com/adminto/layouts/charts-apex-pie.html) - **Radar Charts** (https://coderthemes.com/adminto/layouts/charts-apex-radar.html) - **RadialBar Charts** (https://coderthemes.com/adminto/layouts/charts-apex-radialbar.html) - **Scatter Charts** (https://coderthemes.com/adminto/layouts/charts-apex-scatter.html) - **Polar Area Charts** (https://coderthemes.com/adminto/layouts/charts-apex-polar-area.html) - **Sparklines** (https://coderthemes.com/adminto/layouts/charts-apex-sparklines.html) - **Slope Charts** (https://coderthemes.com/adminto/layouts/charts-apex-slope.html) - **Funnel Charts** (https://coderthemes.com/adminto/layouts/charts-apex-funnel.html) #### Forms - **Basic Elements** (https://coderthemes.com/adminto/layouts/form-elements.html) - **Inputmask** (https://coderthemes.com/adminto/layouts/form-inputmask.html) - **Picker** (https://coderthemes.com/adminto/layouts/form-picker.html) - **Select** (https://coderthemes.com/adminto/layouts/form-select.html) - **Range Slider** (https://coderthemes.com/adminto/layouts/form-range-slider.html) - **Validation** (https://coderthemes.com/adminto/layouts/form-validation.html) - **Wizard** (https://coderthemes.com/adminto/layouts/form-wizard.html) - **File Uploads** (https://coderthemes.com/adminto/layouts/form-fileuploads.html) - **Editors** (https://coderthemes.com/adminto/layouts/form-editors.html) - **Layouts** (https://coderthemes.com/adminto/layouts/form-layouts.html) #### Tables - **Basic Tables** (https://coderthemes.com/adminto/layouts/tables-basic.html) - **Gridjs Tables** (https://coderthemes.com/adminto/layouts/tables-gridjs.html) - **Datatable Tables** (https://coderthemes.com/adminto/layouts/tables-datatable.html) #### Maps - **Google Maps** (https://coderthemes.com/adminto/layouts/maps-google.html) - **Vector Maps** (https://coderthemes.com/adminto/layouts/maps-vector.html) - **Leaflet Maps** (https://coderthemes.com/adminto/layouts/maps-leaflet.html) ### Layouts #### Layout Variations - **Horizontal** (https://coderthemes.com/adminto/layouts/layouts-horizontal.html) - **Detached** (https://coderthemes.com/adminto/layouts/layouts-detached.html) - **Full View** (https://coderthemes.com/adminto/layouts/layouts-full.html) - **Fullscreen View** (https://coderthemes.com/adminto/layouts/layouts-fullscreen.html) - **Hover Menu** (https://coderthemes.com/adminto/layouts/layouts-hover.html) - **Compact** (https://coderthemes.com/adminto/layouts/layouts-compact.html) - **Icon View** (https://coderthemes.com/adminto/layouts/layouts-icon-view.html) #### Multi Level Menu - **Second Level** (javascript: void(0);) - Item 1 - Item 2 - **Third Level** (javascript: void(0);) - Item 1 - Item 2 - **Fourth Level** (javascript: void(0);) - Item 2.1 - Item 2.2 ## Theme Customization Options ### Color Scheme - Light - Dark ### Layout Mode - Fluid - Detached ### Topbar Color - Light - Dark ### Menu Color - Light - Dark ### Sidebar Size - Default - Compact - Condensed - Hover View - Full Layout - Hidden ### Container Width - Full - Boxed ### Layout Position - Fixed - Scrollable ## Summary The Adminto template provides a comprehensive set of **100+ pages** and components including: - **1 Dashboard** with multiple variants - **7 Application pages** (Chat, Calendar, Email, etc.) - **6 General pages** (Starter, Pricing, FAQ, etc.) - **8 Authentication pages** (Login, Register, etc.) - **7 Error pages** (400, 401, 403, 404, 500, etc.) - **1 Widgets page** - **23 Base UI components** - **4 Extended UI components** - **3 Icon libraries** - **18 Chart types** - **9 Form components** - **3 Table types** - **3 Map integrations** - **7 Layout variations** This makes it a complete solution for building modern admin dashboards and web applications.