Chamaac UI

DocsComponentsSponsor

  • Overview

    • Get Started
    • Components

  • Animated Icons

    • Icons Overview

  • Backgrounds

    • Interactive GridNew

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

  • Text Animations

    • Text LoopNew
    • Dancing Letters
    • Gif Text

  • Inputs

    • AI Input

  • Navigation

    • Dock

  • Carousels

    • Carousel

Get Started

Welcome to Chamaac UI! This guide will help you set up and start using our beautiful, animated components in your project.

Installation

Step 1: Initialize shadcn/ui (if not already done)

npx shadcn@latest init

Step 2: Add components from Chamaac UI

Browse our components and use the CLI command shown on each component page to add it to your project.

npx shadcn@latest add https://chamaac.com/r/<Component>.json

Next Steps

You're all set! Here's what you can do next.

Browse Components

Explore our collection of animated UI components.

GitHub Repository

Star the repo, report issues, or contribute.