Ein dunkles Hintergrundbild für das Banner.
UI Growth Kit for B2C

Frontend components perfected for B2C online shops.

For retailers and marketing teams that want to iterate faster.

Open Blueprints
60+

B2C components in the kit

1.2 s

Median LCP in the live frontend

−65 %

Time-to-launch per new page

50+

Backends you can connect

What's inside the kit

Eight component groups cover the full B2C funnel – discovery, product, conversion, service. Every component is tested, performant, and accessible. Once in the UI library, usable in every frontend and every brand.

Publishers & Media
Blog Post Detail
The main reading view for a single blog article, rendering the page's bound blog post as its title, cover image and body content.
BlogContent
Publishers & Media
Blog Post Listing
A paginated grid of blog articles from a bound blog collection, automatically featuring the first post on top without repeating it in the grid below. The typical blog overview page.
BlogGridsContent
Publishers & Media
Content Grid
A responsive grid of cards for editorial content. Pick cards manually or load them from a blog collection.
BlogContentGrids
Publishers & Media
Content Slider
A swipeable carousel mixing cards, media and banners. Fill it manually or load posts from a blog collection.
BlogContentSliders
Publishers & Media
Editorial Grid
A two-tier card layout with prominent featured cards on top and supporting cards below, perfect for magazine-style pages.
GridsContentBlog
Publishers & Media
Glossary Detail
The reading view for a single glossary entry, showing its term and definition.
Content
Publishers & Media
Glossary Listing
An alphabetically grouped A–Z index of glossary entries, drawn from a bound Glossary query or a manually authored fallback list when no query is set. When the heading is left blank, a localized default is shown.
Content
Publishers & Media
Card
A content card pairing an image or video with a heading, body text and an optional call-to-action or icon, the all-purpose building block for editorial grids and sliders.
ContentGridsBlog
Publishers & Media
Social Share Buttons
A row of share buttons for Facebook, X, LinkedIn, Pinterest and email. Helps visitors spread your content.
BlogContentCustomer Relations
Publishers & Media
Text Block
A flexible text block with caption, heading, subline and rich body. The workhorse for editorial copy.
ContentBlog
Live preview

No parts list – finished example pages with our Frontend Blueprints

With our Frontend Blueprints, you don't just see individual components, but complete B2C pages as examples, composed from the kit. In a minute, you experience what you can put live in days instead of weeks.

B2C Startseite
Homepage
B2C Kategorie
Category
B2C Produktdetails
Product detail