Out-of-the-box Components

Create pages with backward-compatible and flexible out-of-the-box components like bread crumbs, forms, page navigation, search teasers, and search. This makes it easy for authors to build pages, while developers increase productivity and save time creating custom text or image components.


You want a new experience. Here’s how to get there faster.

In the world of digital experiences, it’s a constant race around the clock to capture your customers’ attention. But authoring web pages to deliver new information can be a painful time sink, especially if you have to code everything from scratch. Worse, if you’re not an HTML expert, figuring out what’s needed behind the scenes to get your web pages live can be doubly frustrating.

Out-of-the-Box (OOTB) components are just what the doctor ordered to make quick work of new web pages. With this feature, create responsive page experiences with less coding or customization work. Simply select the components you want and use them like building blocks to create exactly what you need. Even better, OOTB components can be the starter kit on which to customize your own pages, if you so prefer.

Easily extend and optimize content delivered by image-based core components with access to Image Presets, Smart Crop, and Image Modifiers powered by Dynamic Media.

See what makes it work.

Functional components
Each out-of-the-box component is a collection of scripts that completely delivers a specific function. You can then configure each one to give you just what you need.

Inherit relationships
Like all components, OOTB components preserve their relationship with each other even as they get used across different web pages. This inheritance ensures that components look and act the way they should to deliver a consistent web experience.

Lower cost of ownership
Unlike most components out in the market, Experience Manager components are upgradeable, backwards compatible, and regularly versioned. This allows you to save money when upgrading to the newest release or enhancing site functionality.

Components you can trust
With our pretested, production-ready components, you can rest assured that these components will work as expected. This helps you spend less time on quality assurance, testing, and maintenance and more time on what really matters.

Learn more about out-of-the-box components in Adobe Experience Manager Sites.

Get a handle on out-of-the-box components.

Read about using Adobe Experience Manager’s native components and how to build your own in our documentation.

Read more

Discover component inheritance.

Find out how component hierarchies play out in Adobe Experience Manager Sites and what inheritance really means in our Help section.

Read now

Dive deep into Core Components.

Get to know Adobe Experience Manager Core Components. See what they are, what they do, and learn how to use them.

Watch now

Explore the benefits of Core Components.

Read the details that power Adobe Experience Manager Core Components and why they're so beneficial to web teams and developers.

Read the article