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

Dancing Letters

Physics-based interactive text animations.

ANIMATE

Installation

npx shadcn@latest add https://chamaac.com/r/dancing-letters.json

Props

PropTypeDefaultDescription
textstring"ANIMATE"The text to display and animate. Each letter gets a unique animation.
classNamestring""Additional CSS classes for the container
letterClassNamestring""Additional CSS classes applied to each letter