About This Template
A customer sentiment and survey analytics dashboard in Vue 3 and Tailwind CSS, styled with a liquid-glass aesthetic and — uniquely in this catalogue — shipping with full right-to-left support and Arabic localisation alongside English, plus light and dark themes throughout.
All 15 pages included
Overview; Projects grid and individual project breakdown with keyword analysis; Analytics and trends; Surveys list and an individual survey view with a drag-and-drop builder; Clients directory; Team and roles; Integrations hub; Notifications centre; Billing and plan management; Settings; a Design reference page; plus Login and a themed not-found page.
Who it is for
Developers building a SaaS analytics product, a feedback or NPS platform, or any dashboard that must ship in both English and Arabic. If RTL is a requirement, retrofitting it later is painful — starting from a template that already handles it saves substantial work.
Built with
Vue 3 with the Composition API, Vue Router, Vite and Tailwind CSS with PostCSS and Autoprefixer.
RTL and internationalisation
Layout, iconography and typography are all mirrored for right-to-left reading, with Arabic copy included. This is the only template in the catalogue built for bilingual deployment from the start.
Connecting your own data
Projects, survey responses, sentiment scores and client records ship as sample datasets in both English and Arabic, so you can see the RTL layout working against real content. Every screen is driven by plain JavaScript objects held in the component or a small local module, never by a hidden backend, so there is no framework magic to unpick. Replacing the demo data means swapping those objects for your own fetch or axios calls — the component structure, props and rendering all stay exactly as they are. Because the data layer is deliberately thin, the template works equally well in front of a REST API, a GraphQL endpoint, Firebase, Supabase or your own Node backend.
Responsive and accessible
Every page is laid out for desktop, tablet and mobile, with navigation collapsing to a drawer on small screens. Markup uses semantic elements and labelled form controls, so screen readers and keyboard navigation work sensibly out of the box rather than needing a retrofit.
What you get
The complete, unminified Vue source — components, router, styles and assets — plus the production build, ready to run with npm install and npm run dev. Every purchase includes a lifetime licence to use the template in unlimited personal and commercial projects, including paid client work. You may modify anything you like; you simply may not resell or redistribute the template files themselves. Download links never expire, and future fixes to this template are free. If you need this template adapted to your exact requirements, you can commission changes through our custom request service.