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

How It Works

A visual flow component showing a step-by-step process with connected cards. Inspired by MarkKnd.

01

Create Account

Sign up in minutes. Enter your details and verify your email to get started.

02

Verify Identity

Complete your profile verification to ensure secure transactions and compliance.

03

Select Plan

Choose from a variety of investment plans tailored to your financial goals.

04

Analyze & Invest

Review returns and make your first investment with confidence.

05

Track Growth

Monitor your portfolio in real-time and watch your wealth grow over time.

Installation

npx shadcn@latest add https://chamaac.com/r/how-it-works.json

Props

PropTypeDefaultDescription
featuresStep[]Default stepsArray of step objects { title, description, colorTheme, colors }.
stepPositionsStepPosition[]Default positionsArray of position objects { className, rotate }.
classNamestring-Optional className for styling.