Your center

Component Library

Modals

Preview the shared dialog and sheet shells plus the mounted cookie and newsletter modal instances.

Dropdown

Base single select

Deutsch
English
Français

Base multiselect

Stage 1
Stage 2
E85
TCU

Compact

Deutsch
English
Français

Clearable

Deutsch
English
Français

Action mode

Custom control slot

Deutsch
English
Français

Language Selector

Deutsch
English
Français

Center Selector

Uses the global overlay mounted in the layout.

Configurator

Grid

Images (1 row x 3 columns, load 3 more)

Carousel

Items from reviews collection

Auto advance with service entries

Images

Product Card

Brand Card

Default

Akrapovic

Compact

Supersprint

Feature Card

Higher octane

E85 has a higher octane rating (around 105) than gasoline, which allows for increased timing advance and boost pressure, leading to higher compression ratios and potentially more horsepower.

News Card

Promotion Card

Review Card

Very professional team. The car feels stronger across the entire rev range and still drives smoothly every day.

Alex M.

Audi S3 owner

Belgium 2025

Clear communication, fast turnaround, and the dyno result matched the feeling on the road perfectly.

Thomas R.

BMW M340i owner

France 2024

The tune transformed mid-range torque without making the car nervous or difficult in traffic.

Sophie L.

VW Golf GTI owner

Netherlands 2025

Great support before and after the appointment. The difference was immediate and confidence-inspiring.

Marco D.

Cupra Leon owner

Luxembourg 2024

Exactly the upgrade I wanted: stronger acceleration with factory-like refinement.

Jules P.

Mercedes A35 owner

Spain 2025

Review Score

Uses reviews global values
4.5/5
123 User Reviews

Copyable Text

One line (span)

+32 2 123 45 67

Multi-line (p)

Industrieweg 12 1234 AB Brussels

Gallery

Images

Default

Demo image

Eager loaded

Eager loaded

Video

YouTube embed (16:9)

Vimeo embed (16:9)

YouTube embed (square ratio)

External file video — autoplay, muted, loop, no controls

External file video — with controls, poster, auto ratio

Icon Buttons

xl (56px) lg (48px) default (44px) sm (40px) xs (36px) 2xs (32px) circle up href disabled animated

Primary

Href

Secondary

Href n/a

Tertiary

Href n/a

Text

Href n/a

Buttons

Primary

With href

Secondary

With href

Outlined

With href

Links

Checkbox

Default (Unchecked)

Checked

With HTML in Label

Toggle

Off (default)

On, with label

Off, orientation left, with slot

Tags

Default Default Compact Accent Accent Compact Text Text Compact Custom  HTML

Tabs

Default Active

Headlines

H1 (Variant 0) - 64px/44px

H1 (Variant 1) - 48px/32px

H2 (Variant 2) - 40px/28px

H3 (Variant 3) - 36px/24px

Variant 4 - 28px/36.4px

H4 (Variant 5) - 24px/20px

H5 (Variant 6) - 20px/18px
Variant 7 - 16px/16px

Custom  HTML

Text

Extra large (xl)

Extra large body copy for hero supporting lines.

Large (lg)

Large body copy for emphasis or key statements.

Base

Base body copy for general content and descriptions.

Small (sm)

Smaller supporting copy for captions or secondary text.

Extra small (xs)

Compact copy for helper text or UI hints.

Custom HTML

Inline text with a span tag.

Bard formatting (bold, italic, underline, link)

This text supports bold, italic, underline, and a link.

Bard unordered list

  • Engine optimization analysis

  • Dyno-tested validation

  • ECU map calibration

Bard ordered list

  1. Choose your vehicle

  2. Select your target stage

  3. Book your appointment

Icons

arrow-sharp
arrow
battery
car-engine
car
carbon-accounting
check-mark
chevron
cross
copy
filter
fuel
information-circle
mail
map-marker
menu
money-receive-flow
paperclip
phone
plus
renewable-energy
search
star
star-half
star-outline

Content Sections

Label + text + button + content

Content section

Content section with text, button and content

Content section section with all primary fields enabled.

No label + text + button + content

Content section without label

Content section section with all primary fields enabled.

Label + no text + button + content

Content section

Content section without text

Label + text + no button + content

Content section

Content section without Button

Content section section with content but no Button.

Label + text + button + no content

Content section

Content section without content

Content section section with Button only in desktop row.

Split Sections

Label + text + button + content

SPLIT

Split section with text, Button, and content

Split sectionsection with all primary fields enabled.

Label + no text + button + content

SPLIT

Split section without text

Label + text + no button + content

SPLIT

Split section without Button

Split sectionsection with content but no Button.

Label + text + button + no content

SPLIT

Split section without content

Split section without content falls back to split text/Button rendering.

Content left

SPLIT

Split section with content on the left

Split sectionsection with content_left enabled.

With back button

Components
SPLIT

Split section with back button

Split section with an active back button.

Article Page Example

Article Content Section

Article intro text. This is the first paragraph in the content flow.

Article Subheadline

Second paragraph text that follows the subheadline, before the gallery block.