MaisonMotion - Animated Real Estate HTML Template (React JS) with GSAP Scroll Effects

MaisonMotion is a premium, scroll-driven React template built for real estate agencies, property platforms, and luxury home brokers who want a website that feels as polished as the properties it’s selling.

Built with GSAP, ScrollTrigger, and Lenis smooth scroll, every page is designed around motion that responds to the user, not motion for its own sake. Six completely distinct homepage concepts. Full dark and light themes. 30+ pages. Two map integrations. Zero bloat.

- 6 unique homepage designs, each with its own art direction and scroll concept - Full dark mode and light mode, switchable with no flash on load - 30+ pages including single property (2 layouts), property archive (grid, list, and map split view), property comparison, agent profiles, blog, dashboard, login/register, and more - Both Google Maps and OpenStreetMap supported out of the box - Built with GSAP + ScrollTrigger + Lenis for buttery smooth, perfectly synced scroll animation - Fully responsive, with simplified motion on mobile so nothing feels heavy on smaller screens - Respects reduced-motion accessibility settings - Clean component architecture, centralized data layer, easy to rebrand - SCSS with a token-based design system, change one variable to retheme the entire site - Built-in style guide page documenting every color, type style, and component - SEO-friendly markup and meta tag structure - Well-commented, organized code, no unnecessary dependencies