Skip to main content

Wir haben jetzt  Showcases und einen Showroom! 🚀

Showcase

Containers & Layout

Drei Layout-Container für flexible Seitenlayouts und ein Bildmodul für großflächige Bilder. Container nehmen ausgewählte sinnvolle Module als Kinder auf und steuern deren Anordnung — nebeneinander, als Karten oder mit aufklappbarem Bereich. Das eröffnet zusätzliche Flexibilität und macht ganz neue Modulkombinationen und Layouts möglich.

Two-Column Container

Der Two-Column Container ist eine flexible Möglichkeit, vorhandene Module zu kombinieren und so mehr Kreation und Vielfalt auf der Seite zu schaffen. Zwei Spalten (links/rechts) können mit ausgewählten Modulen befüllt werden: Intro, Text, Partner List, Accordion, Two-Column (verschachtelt), Overview (Tabs), Column Image und Pricing.

Two-Column in Aktion

Module kombinieren

Hier steht ein Intro-Modul in der linken Spalte neben einem Accordion rechts. So lassen sich erklärende Texte direkt neben interaktiven Inhalten platzieren.

Layout

Kombinationen

Kombinierte Module

Overview kombiniert mit Two-Columns-Modul

Durch Kombination bestimmter zugelassener Module können leicht Modul-Variationen gebaut werden ohne die Shared Codebase unnötig aufzublähen.

shadcn/ui Basis

Aufbauend auf shadcn/ui als solide Basis.

Design Tokens

CSS-first Konfiguration mit Tailwind CSS 4

Override System

Projektspezifische Components überschreiben Shared Components.

Tailwind CSS 4

Native CSS Layers, schnellere Build-Zeiten.

Expandable Container

Teilt Inhalte in einen sichtbaren und einen aufklappbaren Bereich. Per Klick auf den Button wird der versteckte Inhalt ein- und ausgeklappt. Ideal um lange Seiten kompakter zu halten.

Event Modules

Das Event-System ist das umfangreichste Modul-Set in CoreKit. Zwei Display Types (Bento und Grid), Filter nach Kategorie und Standort, ein Featured-Modul für Highlights, redaktionelle Detailseiten mit Event Selected Detail und eine interaktive Location Map mit Google Maps.

20 Events weltweit, 4 Hauptkategorien mit Subkategorien und ein FAQ mit 13 Fragen.

FAQ

Häufige Fragen zu Containers & Layout