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

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.

shadcn@latest add
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.

Build with ❤️ by Amarnath Dhumal