Work with Masks

Compose a complete hero section with live 3D waves and soft masks.

Start from this app

  1. Run the CLI. Paste the copied command into your terminal.

  2. Name your project. Choose a name, then let the CLI install the app and its dependencies.

  3. Start building. Open the generated project and make it your own.

Work with Masks brings a complete website hero into a Toolcraft canvas. The Fold Studio header, headline, supporting copy, partner logos, and media preview sit above a live three-dimensional wave background.

Use soft circular masks to reveal the wave around the content. Position masks on the canvas and adjust their radius, stretch, rotation, feathering, and opacity. Typography and spacing controls let you refine the heading, paragraphs, logos, and overall composition together.

Explore the background presets, materials, lighting, gradients, haze, and depth of field. The timeline controls the wave motion, while the hero content and masks remain editable while paused.

This is a composition preview with settings import and export. The hero uses local logos, fonts, and a static media preview; it does not depend on a separate website or iframe.