AVAVA Studio OS is an admin dashboard template built around the daily work of a creative studio: clients, projects, sales, invoices and production. It is plain HTML on Bootstrap 5.3.8 with SCSS source and vanilla JavaScript, so there is no jQuery and no framework to learn. Open it in a browser, upload it to any static host, or rebuild it from source with one npm command.

What you get

132 ready pages, each with a dark and a light theme:

• 4 dashboards: studio overview, sales and performance, clients and geography, production and team
• 6 apps: calendar, chat, email, file manager, point of sale, post editor
• Ecommerce: product grid and list, add product, categories, reviews, sellers, seller detail, transactions, transaction detail
• Invoices: list, preview, add, edit
• Users and accounts: user list, user views, account settings, billing, security, notifications, connections, profile, projects, teams
• 6 wizards: checkout, create deal, property listing, numbered, vertical, icons
• Data: basic, advanced, editable, row grouping and extension tables, plus CRUD list and create pages
• 6 chart pages: bar, line and area, mixed, pie and donut, radar, sparklines
• 11 form pages: inputs, selects, switches, sliders, date pickers, editors, file upload, validation and more
• 19 UI pages and 13 extended components: modals, toasts, carousel, timeline, tree view, guided tour, drag and drop, media player and others
• Other pages: 6 authentication screens, blog, pricing, FAQ, Leaflet maps, error, maintenance, coming soon, not authorized, 3 layouts, 5 card pages, 3 icon pages

Built to be edited

Every page is one source file with a short settings comment. Shared blocks live in partials, and the sidebar menu is a single JSON file. Theme colours are CSS variables set in one tokens file, so a rebrand does not mean hunting through page styles. Page markup contains no inline styles or inline handlers, and the template's own scripts pass ESLint.

The download has four parts:

• template: the finished site, ready to use
• starter-kit: a minimal shell for starting a new project
• source: SCSS, JavaScript, pages and the commented build script
• documentation: setup, structure, theming, libraries and the full list of pages

Libraries included

ApexCharts, FullCalendar, Quill, Leaflet, jsVectorMap, Simple-DataTables, Flatpickr, Tom Select, noUiSlider, SweetAlert2, Plyr, SortableJS, Driver.js, Perfect Scrollbar and DOMPurify, with Phosphor and Font Awesome icons. The Urbanist font ships with the template, so no request goes to a font service. Each library is restyled to match both themes.

What was checked

The results below are from our own automated checks in November 2026, and the documentation lists the exact conditions.

• W3C HTML and CSS validation and html-validate report no errors on all 132 pages
• No horizontal page overflow at 12 widths from 320 to 1440 px, in both themes
• axe-core, including the target-size rule, finds no violations at 390 and 1440 px in both themes
• Lighthouse desktop scores 90 or more in all four categories on every page
• All pages open without script errors in Chromium, Firefox and WebKit, and from disk through file://
• Editor content passes through DOMPurify before it is displayed

Very wide tables scroll inside their own box on smaller screens, while the page itself stays in place.

Please note

This is a front-end template. Sign-in, data and payments are demonstrations with no server behind them, so connecting a backend is up to you. Maps need an internet connection for their tiles.