Components

The base content type to represent a unique URL. It holds the content, metadata, and layout selection for any standalone page.

Reusable wrapper components that define project-wide structure, such as headers, footers, and sidebars, are applied dynamically per page.

Reusable content blocks that can be managed in one place and used across multiple pages or layouts, ensuring consistency.

Predefined design settings for consistent styling across components. Easily reuse and manage global styles without repetitive work.

A structured content item containing metadata like organization name, logo, and contact information for use in SEO and structured data.

Define custom HTTP headers, such as security, caching, or CORS rules, which are managed via content and applied automatically upon deployment.

Content-defined redirect logic. Manage URL redirection (301, 302, etc.) directly in your content structure with no development needed.

A flexible wrapper to group and space content blocks. Helps with layout composition and spacing consistency.

Display styled headings with various sizes and tag levels (H1–H6). Ideal for titles, sections, and improving accessibility and SEO.

A short inline text element used to annotate, categorize, or add context to other components or content areas.

A fully editable rich text area supporting paragraphs, links, bold/italic text, lists, and embedded blocks.

Highlight quotes or testimonials with styled formatting to emphasize and clarify content storytelling.

Used to define modals, menus, or other layered interface elements that visually sit above main page content.

Expandable content blocks that toggle visibility, perfect for lists or other detailed content sections.

A triggerable element that displays additional content or options, ideal for compact navigation or filtering.

A structured component for presenting a frequently asked question and its answer in a clear, collapsible format with added structured data.

Insert optimized, responsive images that support focal points, format conversion, and theme-dependent variations.

Embed SVGs directly in the DOM with complete styling control. Ideal for icons, logos, or animated visuals.

Embed a feature-rich YouTube video or playlist with performance optimizations like lazy loading and responsive sizing.

Create internal or external hyperlinks with consistent behaviour and target control, ideal for navigation or CTAs.

Display a set of links as a styled list, often used for menus, footers, or resource sections.

A smart navigation aid that shows the user’s current page in the hierarchy, improving orientation and SEO with automated structured data.

A component for switching between available languages in a multilingual project. Automatically resolves localized slugs and redirects.

Clickable component that triggers a specific action from a set of available actions, e.g., opening a modal window.

Reference and resolve any global component into a specific spot on your page or layout by referencing it from this placeholder component.

Wrap any content in this component to defer loading until it enters the viewport, improving initial page speed and performance.

Add light/dark mode switching or custom theme toggles with this interactive component, which is tied to global theme settings.

Embed a fully interactive booking widget from Cal.com to let users schedule meetings directly on your site.