Pragmatic 5.0.0 - VueJS Admin Template

Documentation and Tech Stack

• Built with: HTML5
• CSS3
• JS
• Vue 2/3
• SCSS
• Vue Router
• Vuex
• Pinia
• Element UI

Links:

• Vue.js
• vue-router
• pinia
• vuex
• element ui

Core Features

• Multilanguage Support with multi-language ready architecture
• Fully Responsive layout for all devices
• VueJS framework integration for scalable UI
• Element.io UI components and styling
• Built-in Apps and multiple page templates
• Ecommerce, Crypto, Dashboard, and Calendar templates
• Easy to Customize with SCSS base CSS and CSS variables
• Data Table export to CSV
• 2000+ Font Icons
• 8 Color Schemes and 100 Page Templates
• Validation Forms
• RTL Support
• Light and Dark Color Schemes
• Various charts options
• 70+ Layout Combinations
• Webpack / Vite build tools
• Free Lifetime Updates
• Six month Support
• Configurable template layouts for navigation and toolbars

Layout and Navigation Options

• Left/Right/Off Vertical Navigation
• Top/Bottom/Off Horizontal Navigation
• Folded Navigation
• Above/Below/Off Toolbar with Horizontal Navigation
• Above/Below/Off Footer
• Boxed layout

Pages and Apps

• Dashboard
• Analytical
• eCommerce
• Crypto
• Calendar
• Contacts
• Gallery
• Timeline
• Cards
• Mail
• Profile
• Authentication: Login, Login 2, Register, Forgot Password
• Invoice
• 404

Dashboard and product-oriented pages include Shop, Products, Product Detail, Product List, New Product, My Account, Cart, Checkout, Customers, and Orders. The UI covers a broad range of blocks and layouts for rapid prototyping.

User Interface and Components

• Layout: Flexbox
• Element components: Button, Radio, Checkbox, Input, Input Number, Select, Cascader, Switch, Slider, Time Picker, Date Picker, Date Time Picker, Upload
• Form, Table, Tag, Progress, Tree, Pagination
• Badge, Alert, Loading, Message, Message Box, Notification
• NavMenu, Tabs, Breadcrumb, Dropdown, Steps
• Dialog, Tooltip, Popover, Card, Carousel, Collapse, Timeline
• Charts and Tables: TUI Grid, Element UI Table

Charts, Editors, Maps, and Plugins

• Charts: Vue Bars, Vue Trend, Vue D3 Network, Vue Vis, Vue Chartist, Vue Chartkick, Echarts and echarts-gl, Plotly.js, v-chartist
• Editors: Quill, Pell, MavonEditor
• Maps: G Maps, Leaflet, Mapbox
• Tables: v2-table, vue-good-table, tui-grid
• UI: Animate.css, Balloon CSS, color-thief, flag-icon-css, fullcalendar

Pages and Features Gallery

• Profile
• Authentication
• Invoices and 404 page
• Profile, Contacts, Gallery, Timeline

Credits and Licensing

• Photos: Credits – Photos — I took all the photos from pexels.com with Creative Commons Zero (CC0) license. All photos on Pexels are free for any personal and commercial purpose.
• Fonts: Nunito Sans — Open Font License. Nunito is a well balanced sans serif typeface superfamily, with versions and authors listed in the notes.
• Third-party Plugins: Extensive list including tables, charts, maps, editors, UI components, and other utilities (examples listed in source).

Browser Support

Pragmatic supports all modern browsers (Chrome, Firefox, Safari, Edge). Also IE11 but with partial support for flexboxes.

Changelog

Version 5.0.0-vue3

• – 28 Apr 23
• Improved: compatibility with vue 3
• Added: Table Tui Grid
• Added: Language switch on toolbar
• Updated: dependencies
• Fixed: Contacts Dialog in Contacts Page
• Fixed: Pages Animations
• Fixed: Minor Issues

Version 4.0.0-vue3

• – 12 Sep 22
• Added: compatibility with vue 3
• Updated: Element UI -> Element Plus
• Updated: Webpack -> Vite

Version 4.0.0

• – 01 May 22
• Added: menu collapse button
• Updated: dependencies
• Updated: toolbar
• Updated: crypto dashboard page
• Updated: ecommerce dashboard page
• Updated: ecommerce account page
• Updated: ecommerce products list page
• Updated: ecommerce checkout page
• Updated: profile page
• Updated: icons
• Updated: node-sass to the latest version
• Fixed: Minor Issues

Version 3.0.0

• – 07 Oct 20
• Added: element ui timeline component
• Added: gradient header
• Added: sonar project
• Added: code editor
• Added: New element ui table
• Updated: documentation
• Updated: dependencies
• Updated: toolbar
• Updated: layout-picker style
• Updated: ecommerce pages layout
• Updated: crypto dashboard
• Updated: ecommerce dashboard
• Updated: ecommerce cart
• Updated: ecommerce account page
• Updated: ecommerce shop page
• Updated: ecommerce products list page
• Updated: ecommerce orders page
• Updated: ecommerce customers page
• Updated: ecommerce checkout page
• Updated: mail component
• Updated: fullcalendar to the latest version
• Updated: TUI grid to the latest version
• Improved: Vuetify compatibility
• Fixed: Minor Issues

Version 2.0.0

• – 23 May 19
• Added: "Crypto" dashboard
• Added: "Cards" app
• Added: "Mail" app
• Added: eCommerce pages
• Added: Gradient header
• Added: TUI Grid
• Added: Login 2 page
• Added: "skeleton" template
• Added: compatibility with vue-good-table 2
• Added: element-ui timeline page
• Updated: submenu collapsed style
• Updated: dependencies
• Updated: mobile toolbar
• Updated: webpack build settings
• Updated: Contacts page
• Updated: layout-picker style
• Updated: fullcalendar to the latest version
• Fixed: Minor Issues

Notes

Pragmatic is an Vue.js template, it’s designed to work as a separate app. It’s not a traditional HTML template. Pragmatic uses Webpack to speed up the development process. You will need @vue/cli and Node.js installed on your computer. @vue/cli or Node.js is NOT required to run the template on production mode, they are only required for the development process. In production, Pragmatic will work without them just fine.