Chamaac UI

DocsComponentsFavouritesSponsor

  • Overview

    • Get Started
    • Components

  • Animated Icons

    • Icons Overview

  • Backgrounds

    • NebulaNew
    • Astral FlowNew
    • Grid BloomUpdated
    • Liquid Chrome
    • Waves
    • Interactive Grid

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

  • Text Animations

    • Text LoopNew
    • Dancing Letters
    • Gif Text

  • Inputs

    • AI Input

  • Navigation

    • Dock

  • Carousels

    • Carousel

Astral Flow

A majestic, constantly breathing radial shader with deep cosmic wisps and a beautiful flowing continuous animation.

Astral Flow

Customize

1.5
3
7

Installation

npx shadcn@latest add https://chamaac.com/r/astral-flow.json

Props

PropTypeDefaultDescription
classNamestring-Additional CSS classes for the container
color1string"#05070a"Deep void blue-black base color
color2string"#2e1a38"Moody dark plum/purple mid-tones
color3string"#a0769a"Glowing ethereal mauve/silver highlights
speednumber1.5Overall animation speed multiplier
flowMinnumber3.0Minimum limit for the structural breathe oscillation.
flowMaxnumber7.0Maximum limit for the structural breathe oscillation.