The whole dashboard — every page under one sidebar, the sample data they read — is one command. Or take a page at a time: each one brings the sidebar with it.
npx shadcn@latest add @vibra/real-estate/real-estateReal estate dashboardnpx shadcn@latest add @vibra/real-estate-overview/real-estate/listingsListing booknpx shadcn@latest add @vibra/real-estate-listings/real-estate/listings/[id]Listing pagenpx shadcn@latest add @vibra/real-estate-listing/real-estate/agentsAgentsnpx shadcn@latest add @vibra/real-estate-agents/real-estate/viewingsViewings agendanpx shadcn@latest add @vibra/real-estate-viewingsSingle cards cut from these pages, each installed on its own.
npx shadcn@latest add @vibra/widget-real-estate-overview-listing-statsListings on the market and how many are under offer, the month's enquiries against the same days of the last, the quarter's closings and the commission they earned; reads listingStats().
npx shadcn@latest add @vibra/widget-real-estate-overview-performance-chartClosings against viewings by week, month or year, as the reader switches; reads performance().
npx shadcn@latest add @vibra/widget-real-estate-overview-spotlight-cardThe listing with the most enquiries — its facts, a month of its daily views and its agent's book — drawn with the kit rather than photographed; reads spotlight().
npx shadcn@latest add @vibra/widget-real-estate-overview-closed-bandWhat has closed against the whole book as one band, and what is still being worked beside it; reads closedBand().
npx shadcn@latest add @vibra/widget-real-estate-overview-viewings-listThe booked viewings, soonest first — the date, the listing and the agent showing it — three at first and the rest folded out in place; reads viewings().
npx shadcn@latest add @vibra/widget-real-estate-overview-agents-listEveryone holding a listing, the city most of their book is in and a number to call; reads agents().
npx shadcn@latest add @vibra/widget-real-estate-overview-sales-by-channelThe quarter's closings by the channel that brought the buyer, as a ring with a count a channel under it; reads salesByChannel().
npx shadcn@latest add @vibra/widget-real-estate-overview-portfolio-cardThe whole book by status as one bar, and what is listed and what has sold with their shares; reads portfolio().
npx shadcn@latest add @vibra/widget-real-estate-overview-listings-tableEvery listing still on the market, newest first, with its kind, city, price, status and agent — searchable by title or city, filtered by kind, sortable and paged; reads activeRows().
npx shadcn@latest add @vibra/widget-real-estate-overview-viewing-calendarThe month with a count on every day that has a viewing booked, and the picked day's viewings under it; reads viewings().
npx shadcn@latest add @vibra/widget-real-estate-listings-book-figuresWhat is on the market and under offer, what it asks and the median ask, what has closed — sold and let — and the enquiry rate its views turned into; reads bookTotals().
npx shadcn@latest add @vibra/widget-real-estate-listing-facts-panelThe listing drawn with the kit rather than photographed — its kind's glyph, the asking price, the price per square metre against its city's median and the rest of what the row records; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-interest-chartThe listing's views and the enquiries they turned into, week by week over the last twelve complete weeks of its life; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-price-historyThe asking price from the day it was listed, each cut with its size, and the closing once there is one; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-deal-cardWhere the deal stands and the two verbs that move it — an offer taken, and a sale — each written through the server, a refusal marked with its reason; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-agent-cardThe agent holding the listing — a face, a number to call and an address to write to — and their book this year; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-listing-viewing-cardThe next viewing booked on the listing and who is showing it, or that a closed listing has none; reads listingRecord(id).
npx shadcn@latest add @vibra/widget-real-estate-agents-agent-figuresThe agents holding listings and the cities they cover, what is on the market, what closed this year — sold and let — and the enquiries every listing drew; reads agencyTotals(agents).
npx shadcn@latest add @vibra/widget-real-estate-viewings-viewing-figuresThe viewings booked in the next four weeks, those in the next seven days, the busiest day and the agents showing; reads viewingRows().
npx shadcn@latest add @vibra/widget-real-estate-viewings-viewings-calendarThe four weeks as a month, every day with a viewing marked with how many, and how many the picked day holds; reads viewingRows().
npx shadcn@latest add @vibra/widget-real-estate-viewings-viewings-agendaThe next four weeks day by day — the time, the listing, where it is and who is showing it — each viewing moved to another slot through the server; reads viewingRows().
Every figure on these pages is read from these repositories of the sample store. Swap one for your own API and each page that reads it follows.