Skip to main content


Wave aims to provide ready-to-use components for every possible usecase our developers might encounter. This section showcases all the possible combinations of attributes that might come in handy and gives tips on how to achieve the best UX possible for your users. If you would like to see the components in action and play around with the interactivity, go to Tour app.

The basic building block of a Wave application is a card. Our design team works relentlessly to achieve both highly usable and visually attractive components. It is highly recommended to use these whenever possible. If you, however, feel like there is a component or attribute that is currently missing and could be helpful for more people, don't hesitate and start a discussion where you can discuss your ideas with Wave team directly.

More control

For people wanting more flexibility we have ui.form_card with a rich set of alignment and sizing options. For more info visit forms overview.

Custom components

For cases like these you can use ui.markup_card where you can specify your HTML. Need to add some interactivity? Have a look at our Javascript section.


One of the key advantages of Wave is zero HTML / CSS / JS knowledge. We strongly advise you to use native Wave components and use custom HTML only as a last resort solution.