Vue UI Examples and Sample Applications
Kendo UI for Vue provides sample applications which demonstrate full implementations of integration scenarios and specific features.
The UI examples and sample applications are stored in the kendo-vue GitHub repository.
Kendo UI for Vue provides the following sample applications:
| Demo | GitHub Repository | Live Example |
|---|---|---|
| Personal Finance Application | View Code | Live Example |
| Coffee Warehouse Dashboard | View Code | Live Example |
| GitHub Dashboard Application | View Code | Live Example |
| ASP.NET Core CRUD Data Grid | View Code | - |
Sample Application Features
Personal Finance Application
A comprehensive personal portfolio application showcasing Data Grid, Drawer, Inputs, Gauge, Dropdowns, Icons, Chart, ExpansionPanel, Form, Buttons, Card, and CSS utility classes from the Progress Design System.
Coffee Warehouse Dashboard
A complex dashboard application demonstrating Native Data Grid, Scheduler, Charts, Form, Drawer and other components working together in a business scenario.
GitHub Dashboard Application
A clean Vue application using Vite.js that binds Native Grid and Charts to the GitHub API, providing detailed information about repository issues.
ASP.NET Core Integration
Shows how to integrate Kendo UI for Vue Native Data Grid with ASP.NET Core for server-side CRUD operations, paging, sorting, filtering, and grouping.