Chamaac UI

Components

  • Overview

    • Introduction

  • Animated Icons

    • Icons Overview

  • Backgrounds

    • Interactive GridNew

  • Buttons

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

  • Text Animations

    • Text LoopNew
    • Dancing Letters
    • Gif Text

  • Inputs

    • AI InputNew

  • Navigation

    • Dock

  • Sections

    • Stats CardsNew
    • Feature Steps
    • Gauge

  • 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.