Open-source Vue 3 admin dashboard template with TypeScript (TSX), Vite, Naive UI, and Pinia. Includes role-based routing, responsive layouts, and data tables.
https://xiaodaigua-ray.github.io/ray-template/ ↗// readme
Ray Template · Vue 3 Admin Dashboard Template
简体中文 · Live demo · Documentation · Quick start
Ray Template is an open-source, ready-to-run frontend template for admin dashboards, back-office tools, and internal apps. Run the demo to try a workspace with role-based menus and page tabs, then reuse TablePro list pages, workspace layouts, and route modules in your own app.
Stack: Vue 3 · TypeScript / TSX · Naive UI · Vue Router · Pinia · Vue I18n · Vite / Rolldown · Axios · Vitest
Sign in with the prefilled form. Open Tables → Remote search and pagination to try the list shown above, or Layout playground to experiment with the workspace.
Core features
TablePro for simple tables and data-heavy pages
Use RTablePro with bare for a plain table, or add search, pagination, and a toolbar for a full list page. Column definitions, selection, sorting, and custom cells follow Naive UI DataTable.
- Search and pagination: Pass local
dataor a…