Decorated Text

a decorative text frame with corner accents and a compact entrance effect.

DecoratedText

Installation

npx shadcn@latest add https://scrollxui.dev/registry/decorated-text.json

import { DecoratedText } from "@/components/ui/decorated-text";

<DecoratedText className="text-4xl font-bold">
    DecoratedText
  </DecoratedText>

a decorative text frame with corner accents and a compact entrance effect.

Property	Type	Default	Description
`text`	string	`-`	Text content to display. If omitted, `children` will be used.
`children`	ReactNode	`-`	React node content rendered when `text` is not provided.
`className`	string	`-`	Custom classes for styling the root element.
`bordered`	boolean	`true`	Toggles the border around the text.
`showIcons`	boolean	`true`	Controls visibility of corner icons.
`iconClassName`	string	`-`	Custom classes for styling each corner icon.
`glowEffect`	boolean	`true`	Enables the hover glow animation on the frame.
`flicker`	boolean	`true`	Controls the entrance flicker animation.