Creative Components

AI-themed creative animations for engaging user experiences and dynamic content generation.

AiCreating

Multi-stage animation visualizing AI creation process with thinking, writing, building, and completion phases.

import { AiCreating } from 'archyra';

function AIAssistant() {
  const [isLoading, setIsLoading] = useState(false);

  return (
    <AiCreating
      isLoading={isLoading}
      size="md"
      onComplete={() => setIsLoading(false)}
    />
  );
}

AiCreating2

Full-screen AI brain animation with rotating rings, floating particles, and dynamic status messages.

import { AiCreating2 } from 'archyra';

function AIBrainAnimation() {
  const [isLoading, setIsLoading] = useState(false);

  return (
    <AiCreating2
      isLoading={isLoading}
      message="Creating your plan..."
      primaryColor="#6366F1"
      onComplete={() => setIsLoading(false)}
    />
  );
}