Components

Interactive

Buttons

Button

Default

btn
Button
​
Button

Default + Icon Right

btn
Button
​
Button

Default + Icon Left

btn
Button
Button

Secondary

btn
Button
Secondary
​
Button

Secondary + Icon Right

btn
Button
Secondary
​
Button

Secondary + Icon Left

btn
Button
Secondary
Button

Bordered

btn
Button
Bordered
​
Button

Bordered + Icon Right

btn
Button
Bordered
​
Button

Bordered + Icon Left

btn
Button
Bordered
Text

Text Link

All Links

Forms

*Required

Thank you for your submission!

Oops! Something went wrong while submitting the form.

Thank you for your submission!

Oops! Something went wrong while submitting the form.
*Required

Thank you for your submission!

Oops! Something went wrong while submitting the form.

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Modal

This is a modal!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Slider

Slots based

​

The steady center

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​

Signal through noise

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​

Foundation beneath

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​

Flow state

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more
​

The long view

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more

CMS based

ViDA is moving from policy to implementation

EU Member States are actively preparing for digital reporting and e-invoicing, marking a move toward real-time, structured data exchange.
Read blog

E-invoicing in the UAE: what the new framework means for businesses

The UAE is introducing a Peppol-based e-invoicing framework with broad scope and mandatory service providers.
Read blog

E-invoicing mandates across Europe are accelerating

E-invoicing adoption across Europe is accelerating rapidly as governments introduce mandatory digital reporting frameworks.
Read blog

XBRL in 2025 and beyond: why digital reporting still matters

Discover why XBRL remains crucial for finance, sustainability, and tax compliance. Learn the latest 2024–2026 updates and what they mean.
Read blog

VAT in the Digital Age (ViDA): What it means for your business

By 2028, real-time e-invoicing and digital reporting will be mandatory in the EU. Learn how Semansys helps businesses stay compliant.
Read blog

Evolving with confidence: introducing the new Semansys

We refreshed our brand and website to reflect an API-first, reliable, and scalable suite for e-reporting, e-invoicing, and digital identity.
Read blog

MiCA explained: what the EU’s new Crypto-Asset Regulation means for businesses

The EU’s Markets in Crypto-Assets Regulation (MiCA) is reshaping the digital finance landscape.
Read blog

Inline video

Marquee

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 7

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Item 1

Item 2

Item 3

Item 4

Item 5

Item 6

Tabs

Example 1

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Example 2

Tab 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab link preview

Use the following preview of the inactive and active tab link state for easier styling.

Inactive Tab Link

Tab Link / Inactive

tabs-link
Inactive Tab Link

Tab Link / Active

tabs-link
cc-active

Content

Breadcrumb

Icon

​

1 EM

icon
Icon
​

Small

icon
Icon
SM
​

Medium

icon
Icon
MD
​

Large

icon
Icon
LG

Image

Inherit

Image
Inherit

16x9

Image
16x9

4x3

Image
4x3

1x1

Image
1x1

Card

Simple

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

​

Actionable

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Button

Link cover

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Learn more

Table

Heading

Heading

Heading

Content in a cell

Content in a cell

Content in a cell

Content in a cell

Content in a cell with a lot more content that needs to span two columns

Eyebrow

Lorem ipsum

Heading

Heading

Rich Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Plain Text

This is some text inside of a div block.

Global

Nav Banner

Mast — a CSS framework for Webflow
​

Nav

Footer

Platform
Solutions
Resources
Company
© Copyright 2026 Semansys Technologies B.V.

Theme toggle

Build mode

Section

Section

Grid

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Content wrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Spacer

Border

Prevent style clean up

This is where you can store elements and classes used in custom code to prevent their classes/styles from being cleaned up.