Component Showcase
A comprehensive list of all components in the Woodside Homes design system, organized by Atomic Design principles.
Component Examples
CarouselLoop
A carousel component that displays an array of Panel components with images, headers, and body text. Includes navigation arrows and optional CTA button.
Featured Communities
Discover our beautiful communities across the nation
Faq
FAQ component that displays frequently asked questions using an accordion interface.
Frequently Asked Questions
HomeListingGrid
Module housing home panels which describe properties and link to home detail pages. Includes filtering capabilities.
3 Beds
2 Baths
2 Garage
1,850 Sq Ft
InfoBlockHomeDetail
Detailed information about a home powered by the CMS. Features home name, description, features, stats & costs, and user action buttons.
Liberty
Liberty features 2,093 square feet, three bedrooms, two and a half bathrooms, and a den. With a layout that's perfect for entertaining, invite guests to lounge in your spacious great room or chow down on amazing hors d'oeuvres from your large kitchen island.
InformationFlex
Flexible information display component with gallery, description, accordion items, and optional direction/lot map links.
About Sunset Ridge Community
Your Perfect Home Awaits
Beautiful homes in a family-friendly neighborhood
<p>Experience the best of suburban living in our thoughtfully designed community. With parks, excellent schools, and convenient shopping nearby, Sunset Ridge offers everything your family needs.</p><p>Our homes feature modern designs with spacious layouts, energy-efficient appliances, and beautiful outdoor spaces perfect for entertaining.</p>
Media2In1Panel
Versatile component consisting of a media asset in addition to various options for supportive text elements. Can include accordion items, body text, and CTA buttons.
Amazing workspace without the commute
Smart and seamless healthy-living solutions designed to help you take care of what matters most. Create your perfect home office space with our flexible floor plans.
Learn MoreMedia2In1TextPanel
Text-focused version of the Media2In1Panel component with headline and body content alongside an image.
Beautiful Home Designs
Discover our collection of thoughtfully designed homes that combine modern living with timeless elegance. Each home is crafted with attention to detail and built to last.
View HomesMedia2Up
Component for displaying two Panels side-by-side with images, headlines, and descriptions.
One step closer
to your new home
Find Your Home
Browse our available homes and find the perfect match for your family.
Schedule a Tour
Visit our model homes and experience the quality firsthand.
Media3Up
Component for displaying three Panels in a grid layout with optional headline and subhead. Each panel includes an image, headline, and description.
Why Choose Woodside Homes
Discover what makes our homes and communities special
Quality Construction
Built with attention to detail and premium materials.
Energy Efficient
Lower utility bills with our energy-saving features.
Great Locations
Find homes in desirable neighborhoods with great amenities.
MediaBenefits
Component displaying benefits with optional headline, subhead, image asset, and CTA button. Benefits can include icons and are displayed in a 2 or 3 column layout.
The Woodside Difference
Quality Construction
Every home is built with premium materials and attention to detail that ensures lasting quality and value.
Energy Efficient
Our homes feature energy-saving designs and technologies that reduce utility costs and environmental impact.
Customer Service
Dedicated support team works with you throughout the entire process, from design to move-in and beyond.
MediaHero
Hero component for displaying image or video assets with headline, eyebrow text, and CTA buttons. Supports full or short size variants and can include child components like icon buttons.
Testimonial
Testimonial component displaying a customer quote with attribution and optional image or video. Can be displayed with asset on left or right side.
We didn't make this decision lightly. We really took our time, researched thoroughly, and made sure Woodside was the right place for us. The quality of the home and the service we received exceeded our expectations.
TextBlock
Text block component that renders markdown content. Supports headings, paragraphs, lists, tables, and can be styled as a disclaimer.
About Woodside Homes
We've been building quality homes for over 50 years. Our commitment to excellence and customer satisfaction has made us one of the leading homebuilders in the region.
Our Mission
To build beautiful, high-quality homes that families love to live in, while providing exceptional service throughout the entire homebuilding process.
Key Features
- Quality craftsmanship
- Energy-efficient designs
- Beautiful community locations
- Personalized service
Contact us today to learn more about our available homes and communities.
WhereWeBuild
Interactive component displaying divisions and communities with a map that updates on hover. Shows where Woodside Homes builds across different regions.
