Shatter revealUltimate

Click and the panel cracks from the impact, shards spin away in 3D and reveal what's behind.

Welcome to Ultimate

Props

front

back

hint

cols6

rows4

force1×

rebuild2.8s

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Preview background

Install

$npx shadcn@latest add @nex-ui/shatter-reveal

Usage

import { ShatterReveal } from "@/components/nex-ui/shatter-reveal";

<ShatterReveal
  front="Break the glass"
  back="Welcome to Ultimate"
  hint="Click anywhere"
/>

This is an Ultimate component

You can play with the preview. The source and CLI install unlock with the Ultimate plan.

Get Ultimate