Clip Text

Text Effects

Text with clip-path reveal

cliprevealmask

Installation

npx shadcn@latest add https://nonaxial.com/r/clip-text.json

Usage

tsx

import { ClipText } from "@/components/nonaxial/clip-text"

export default function Example() {
  return (
    <ClipText>{/* Your content here */}</ClipText>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—