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.

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
SEO / GEO / AEO Ready
Rendimiento y Core Web Vitals
WCAG 3.0 Ready
Seguimiento & Analytics
Consistencia de marca