Chamaac UI

DocsComponentsFavouritesSponsor

  • Overview

    • Get Started
    • Components

  • Animated Icons

    • Icons Overview

  • Backgrounds

    • Light SpeedNew
    • SynthesisNew
    • Electric MistNew
    • Astral Flow
    • Nebula
    • Grid Bloom
    • Liquid Chrome
    • Waves
    • Interactive Grid

  • Inputs

    • AI Input

  • Sections

    • How It Works
    • Stats Cards
    • Feature Steps
    • Gauge

  • Buttons

    • Buttons Overview
    • Premium Button
    • Glowing Border
    • Shimmer Button
    • Slide Up Button
    • Focus Button
    • Neo Brutalist
    • Hover Arrow

  • Text Animations

    • Text Loop
    • Dancing Letters
    • Gif Text

  • Navigation

    • Dock

  • Carousels

    • Carousel

Gif Text

A stunning text effect that uses a GIF as the fill color.

OCEAN

Installation

npx shadcn@latest add https://chamaac.com/r/gif-text.json

Props

PropTypeDefaultDescription
textstring"CHAMAAC"The text content to mask the video.
gifstringURLThe source URL of the background image or GIF.
classNamestringundefinedAdditional classes for the text element.
containerClassNamestringundefinedAdditional classes for the container.

Build with ❤️ by Amarnath Dhumal