Components

Interactive

ボタン

Default

btn
Button
​
ボタン

Default + Icon Right

btn
Button
ボタン

Default + Icon Left

btn
Button
ボタン

Secondary

btn
Button
Secondary
​
ボタン

Secondary + Icon Right

btn
Button
Secondary
​
ボタン

Secondary + Icon Left

btn
Button
Secondary

Text Link

All Links
*Required

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.

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.

Slots based

​

揺るぎない中心

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

詳細はこちら
​

ノイズの中からシグナルを見出す

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

詳細はこちら
​

基盤となるもの

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

詳細はこちら
​

フロー状態

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

詳細はこちら
​

長期的な視点

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

詳細はこちら

見出し


CMS based

見出し

Web design interface showing components section with interactive buttons default and icons left and right.

項目 1

項目 2

項目 3

項目 4

項目 5

項目 6

項目 7

項目 1

項目 2

項目 3

項目 4

項目 5

項目 6

項目 7

項目 1

項目 2

項目 3

項目 4

項目 5

項目 6

項目 1

項目 2

項目 3

項目 4

項目 5

項目 6

項目 1

項目 2

項目 3

項目 4

項目 5

項目 6

項目 1

項目 2

項目 3

項目 4

項目 5

項目 6

Example 1

タブ 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.

タブ 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.

タブ 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

タブ 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.

タブ 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.

タブ 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.

Tab Link / Inactive

tabs-link

Tab Link / Active

tabs-link
cc-active

Content

​

1 EM

icon
Icon
​

Small

icon
Icon
SM
​

Medium

icon
Icon
MD
​

Large

icon
Icon
LG
Red sailboat on a vast blue ocean under a sky with large fluffy clouds and flying seagulls.

Inherit

Image
Inherit
Red sailboat on a vast blue ocean under a sky with large fluffy clouds and flying seagulls.

16x9

Image
16x9
Red sailboat on a vast blue ocean under a sky with large fluffy clouds and flying seagulls.

4x3

Image
4x3
Red sailboat on a vast blue ocean under a sky with large fluffy clouds and flying seagulls.

1x1

Image
1x1

シンプル

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

​

実行可能

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

ボタン
Red sailboat on a vast blue ocean under a sky with large fluffy clouds and flying seagulls.

リンクカバー

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

詳細はこちら

見出し

見出し

見出し

セル内のコンテンツ

セル内のコンテンツ

セル内のコンテンツ

セル内のコンテンツ

2列にまたがる必要がある、より多くのコンテンツを含むセル

Lorem ipsum

見出し

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.

これはdivブロック内のテキストです。

Global

Mast — Webflow向けCSSフレームワーク

Build mode

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.

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.


Form - not approved yet


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.

Videos

Mast — Webflow向けCSSフレームワーク