Content Basics & Eyecatcher
The basic building blocks for every web presence: Richtext and Text/Image for body text, the Intro for section entries, Accordion for expandable content, Topic List for structured topic lists and the Eyecatcher / CTA Section as a visual callout banner between modules.
Richtext
The Richtext Module is the most versatile text building block — ideal for long, text-heavy pages such as blog posts, event descriptions, legal notices or privacy policies. It offers a full richtext editor with formatting, lists, links, tables and blockquotes. Combines perfectly with the Image Gallery and Contact Author Module — e.g. text, image gallery and author details as a typical blog layout.
Here is an example of various elements in richtext:
- List item one
- List item two
- List item three
A blockquote in richtext — for highlights and quotes without a dedicated module.
Button & Link Classes
Overview of all available CTA styles:
Intro Module
The Intro Module is the opener for every section: headline (h1–h4), subline, richtext and optional CTAs with a freely selectable button class. The Intro Alignment controls whether the text is left-aligned or centred. Many other modules (Features, Pricing, Topic List etc.) already include an identical integrated intro.
Text/Image — Image Right
The Text/Image Module combines richtext with an image in a split layout. Four layout options control the image position: top-left, top-right, bottom-left, bottom-right (first value mobile, second desktop). Also headline (h1–h4), subline, intro alignment (left/centre) and optional CTAs with a freely selectable button class. Here: image on top on mobile, right on desktop.
Text/Image — Image Left
Same module type with layout top-left: image on top on mobile, left on desktop. The image uses Art Direction — an optimised crop is loaded depending on the viewport. Ideal for pages like the Showcases overview, where text and visual teaser should sit side by side.
Accordion
The Accordion Module displays content in expandable sections. Options: Initially open first element and Allow multiple open elements. Includes an integrated intro with headline, subline, richtext and alignment. Each element has a title and richtext content.
Accordion — Example
Topic List
The Topic List organises content into named groups (Topic Collections) with individual topic entries. Ideal for service overviews, skill lists or structured tables of contents. Includes an integrated intro.
Backend
- Zod Schemas
- REST API
- PHP
- TYPO3 CMS
Frontend
- Storybook
- TypeScript
- Tailwind CSS 4
- React & Next.js
This is how the Eyecatcher looks — a full-width banner with richtext and CTAs between other modules.
Download
CoreKit provides a download system with proxy route, loading state and toast notifications. A link automatically becomes a download when the download attribute is set. The proxy at /api/download ensures that cross-origin files are also downloaded correctly. Two variants: DownloadButton with loading spinner during download and DownloadLink without visual loading state for ghost and link variants.