Skip to main content

We now have Showcases and a Showroom! 🚀

Showcase

Containers & Layout

Three layout containers for flexible page layouts and an image module for large-scale images. Containers accept selected modules as children and control their arrangement — side by side, as cards or with an expandable area. This opens up additional flexibility and enables entirely new module combinations and layouts.

Two-Column Container

The Two-Column Container is a flexible way to combine existing modules and create more creativity and variety on the page. Two columns (left/right) can be filled with selected modules: Intro, Text, Partner List, Accordion, Two-Column (nested), Overview (Tabs), Column Image and Pricing.

Two-Column in Action

Combining Modules

An Intro Module is placed in the left column next to an Accordion on the right. This allows explanatory texts to be placed directly next to interactive content.

Layout

Combinations

Combined Modules

Overview Combined with Two-Column Module

By combining certain permitted modules, module variations can be easily built without unnecessarily bloating the shared codebase.

shadcn/ui Basis

Built on shadcn/ui as a solid foundation.

Design Tokens

CSS-first configuration with Tailwind CSS 4.

Override System

Project-specific components override shared components.

Tailwind CSS 4

Native CSS layers, faster build times.

Expandable Container

Splits content into a visible and an expandable section. A click on the button expands and collapses the hidden content. Ideal for keeping long pages more compact.

Event Modules

The event system is the most comprehensive module set in CoreKit. Two display types (Bento and Grid), filtering by category and location, a featured module for highlights and editorial detail pages with Event Selected Detail.

20 events worldwide, 4 main categories with subcategories and a FAQ with 13 questions. The interactive Location Map with Google Maps is now a standalone module with its own showcase.

FAQ

Frequently Asked Questions about Containers & Layout