Big Name Text

A large animated text component with hover effects, perfect for footers and hero sections.

"use client";

import { BigNameText } from "@/registry/sase/big-name-text";

export function BigNameTextDemo() {
  return (
    <div className="w-full max-w-4xl space-y-8">
      <BigNameText text="SoftUI" hoverText="Try Now" href="#get-started" />
    </div>
  );
}

Installation


pnpm dlx shadcn@latest add https://sase-ui.vercel.app/r/big-name-text.json

Usage

import { BigNameText } from "@/components/ui/big-name-text";

<BigNameText text="SoftUI" hoverText="Try Now" href="#get-started" />

Bento Grid Dock

On This Page

Installation Usage