Skip to Content
πŸ“£ See the latest news β†’
Resources🧩 ComponentsScene

Scene

Mantine Scene is a composable decorative background container for React. Layer gradients, glows, star fields, snow, auroras, and more behind your content. Supports Mantine theme colors, responsive props, interactive mouse tracking, reduced motion, and fullscreen mode.

Full documentation and API reference available at gfazioli.github.io/mantine-sceneΒ 

Installation

yarn add @gfazioli/mantine-scene

Overview

Scene provides a set of composable layers that you can stack behind your content:

  • Gradient β€” linear, radial, or conic gradients
  • Glow β€” soft glowing orbs
  • Stars β€” animated star fields
  • Snow β€” falling snow particles
  • Aurora β€” northern lights effect
  • Noise β€” subtle noise textures
  • Mesh β€” mesh gradient backgrounds

Each layer is a separate component that can be combined freely inside a <Scene> wrapper.

Last updated on