Skip to content
Component library
TemplatesComponents
← Components

Motion

MaskReveal

Heading lines rise from behind a mask, 0.35 s apart. On load or on entering view; never hides a heading that is already on screen.

Import
import { MaskReveal } from "@teralith/ui"
Source
packages/ui/src/blocks/MaskReveal.tsx
Used in
  • Clinic: Home
  • Spa: Home
  • Property: Home
  • Cinematic: Projects
  • Cinematic: Journal
  • Cinematic: About

Three lines rise from behind a mask, one after another

This one waits until it scrolls into view

Revealed on entering view

← MagneticPageTransition →
@teralith/ui 0.1.0

Component library, internal use · © 2026 Teralith Incorporated