About this template
What Roomwise is
Roomwise is a complete website for an agency that sells and lets homes. Its idea is simple: the floor plan is the way in. The first screen is a real home with its price, size and tenure, and a glass panel holding its plan; touch a room and that room's photograph fills the screen. Every listing card turns into its plan on hover, and every home page has a plan you can walk through, room by room.
It has 12 page types: home, homes for sale, homes to rent, sold and let, the home page for each listing, areas with a code-drawn map and price pins, an area page, sell with a fee and FAQ, about with the team, guides and a guide page, contact, privacy, fair housing and a 404. Search, shortcuts by what matters (a garden, a short walk to the train, room for a desk) and status on every photo help buyers say yes or no quickly.
Every page is designed in light and in dark, with a toggle in the header, and the layout adapts to desktop, tablet and phone. The agency, its homes and its figures are invented, and the photographs are for demonstration only, so replace them with your own before you publish.
Last updated
What's included
12 pages, ready to fill in
- 01HomeFeatured home with its plan, search, new listings, shortcuts, plans first, area map, recent sales, sell band, team and guides
- 02HomesSearch results with filters for buy, rent and sold, area, bedrooms, price, type and shortcuts, as a grid or a map
- 03Home (listing)Gallery with lightbox, the interactive plan, description, key facts, minutes from the door, agent and a viewing form
- 04AreasThe area map and six area cards with typical prices and commute times
- 05AreaA photo header, life in the area, facts, the agent who covers it and its homes
- 06SellFour steps, the fee and what it includes, recent sales, a valuation form and an FAQ
- 07AboutThe story, four rules, the team and the office
- 08GuidesSix guides on buying, renting, selling and reading floor plans
- 09GuideA long-form reading layout with a plan you can explore
- 10ContactOffice details, a form with topics and questions
- 11LegalPrivacy and fair housing
- 12404This room isn't on the plan
Features
- Interactive floor plans linked to room photos
- Live search with a result count
- Shortcut filters and a grid or map view
- Gallery lightbox with keyboard controls
- Light and dark mode with a toggle
- Responsive on desktop, tablet and phone
- CMS for homes, areas, agents and guides on Framer
- Text, colours and images are yours to change
Code version
- React 19
- Vite
- Tailwind CSS 4
- TypeScript
- Motion
- React Router
- Content in typed files
Screens
A closer look
Taken from the live demo, in light and in dark, on desktop and on a phone.
Where to get it
Three versions, one design
Pick the one that matches how you build. The pages and the design are the same in each.
- Framer templateRemix it into your Framer account and edit on the canvas. Projects and journal posts run on the Framer CMS.
Free on FramerFramer Marketplace
- Code on Digital Silk RouteThe full source: React 19, Vite, Tailwind CSS 4, TypeScript. Host it anywhere and change anything.
$5one payment
Buy theme · $5 - XOXI themeA theme for your XOXI profile. Live on the XOXI website now; the iOS and Android app gets it with the next app update.
Includedfor Pro and Business+ members
Get it with Pro plan on XOXI
Want to see it first? View demo
More templates
Others you may like
Pagina
A multi-page portfolio template for independent designers and small studios, with light and dark mode.
Free on Framer · $5 code
Stint
A multi-page resume and CV website with a career timeline, a printable resume page, and light and dark mode.
Free on Framer · $5 code
Sidelit
A multi-page photography portfolio where the photograph in view lights the page, with every frame shown whole and light and dark mode.
Free on Framer · $5 code
Want one made for you?
Start with a free 30-minute call. You get a written plan and a fixed quote before any work begins.
Fixed quote. You own everything we make.
