Development mode — payments are simulated and emails go to the Dev Mailbox · Payment simulator
DDSP
Cover Vivid Studio - home page Vivid Studio - home page, more sections Vivid Studio - admin dashboard Vivid Studio - admin analytics Vivid Studio - admin orders Vivid Studio - pricing page Vivid Studio - style guide Vivid Studio - UI kit components Vivid Studio - home page on a phone

Real Estate website + admin template in Vue 3: 290 pages, Masonry home page, 14-page dashboard, UI kit, 101 forms, light & dark mode.

▶ Live demo - open Vivid Studio - click through all 290 pages before you buy. See all 100 new templates

Vivid Studio is a complete real estate website and admin template for real estate agents and property projects, built with Vue 3.5.44. Headline on the demo: "Know what your home is worth".

One download gives you 290 pages that share one design: a marketing site, a 14-page admin dashboard, a UI kit of 74 documentation pages, 42 example pages, 31 app screens and 101 complete forms - light and dark mode, responsive down to 360 px.

What's inside

  • Home page - Masonry layout with a tilted cards hero, side-nav header and cards footer
  • Admin dashboard - 14 pages, combo menu layout with a soft-pastel look and a crm sales dashboard (Chart.js charts)
  • UI kit - 74 documentation pages (tools, components, helpers, utilities) with live examples and copy-ready code
  • 42 example pages and 31 app screens - pricing, checkout, blog, profile, sign-in (minimal style) and more
  • 101 complete forms with validation
  • Style guide page, design-tokens/tokens.json (W3C design tokens for Figma / Tokens Studio) and a Figma-ready style-guide board
  • documentation.html, README.md and PAGES.md (every page listed)

Sections on the home page

  • Features zigzag
  • Stats band
  • Steps timeline
  • Testimonials carousel
  • Blog cards
  • FAQ accordion side
  • CTA split

Design

PaletteDeep Gold (#4a9e1a, #19be3a, #a11ded)
FontsMerriweather Sans + Red Hat Text
StyleSoft Modern - extra round corners - soft tint background
Menusbracket menu, fullscreen phone menu
ThemeLight mode by default, switch switch, light/dark + colour presets
PicturesLandscapes, real estate subjects

Every colour, font and corner radius is a token in one file (theme.css) - rebrand the whole template in minutes.

Tech

  • Vue 3.5.44 project (2.6 MB ZIP)
  • Vite single-page app with Vue Router and Pinia: npm install + npm run dev.
  • Works in Chrome, Edge, Firefox, Opera (last 2 versions) and Safari 16.4+ on macOS and iOS
  • Original SVG artwork in the download (the live demo shows free Unsplash photos, listed in PHOTOS.md)

Licence options

  • Personal - one end product for yourself or one client
  • Commercial - unlimited end products for yourself and your clients
  • Extended - end products sold to many users (SaaS, themes sold inside a product)

You may change the template in any way, but not resell or share the template itself. Free updates for version 1.x.

Screenshots show the real pages of this download. Payments on this demo marketplace are simulated.

Files you get

ZIP
vivid-studio-vue.zip
2.6 MB · version 1 · updated 21 Oct 2026
Version 121 Oct 2026 · vivid-studio-vue.zip
Version 1.0.0 - first release (290 pages, made with Web Template Creator 10.0.1).

Live demo of Vivid Studio - Real Estate Website & Admin Template (Vue 3)

Try the real product before you buy. The demo opens in a new tab at 103.253.75.82:8129. It is a separate demo copy with sample data: nothing you do there is saved to your account or charged.

Open the live demo

No reviews yet. Only buyers can review.

More from Dorasoft Templates

Visit store
$29.00