Chamaac UI

DocsComponentsFavouritesSponsor

  • Overview

    • Get Started
    • Components

  • Animated Icons

    • Icons Overview

  • Backgrounds

    • SynthesisNew
    • Electric MistNew
    • Astral FlowNew
    • Nebula
    • Grid Bloom
    • Liquid Chrome
    • Waves
    • Interactive Grid

  • Inputs

    • AI Input

  • Sections

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

  • Buttons

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

  • Text Animations

    • Text LoopNew
    • 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