Animation Showcase

A development area for building and testing animations.

This page should not be publicly accessible or indexed.

← Back to Home

SourcesPanelProcessingAnimation

@/components/feature-animations/SourcesPanelProcessingAnimation

Sources Panel: File Processing Animation

Sources

Notes:

  • Simulates multiple file types being dropped into a 'Sources' panel.
  • Demonstrates processing states with shimmer effects and staggered completion.
  • Icons drop first, then transform into cards.

AssistantPanelAnimation

@/components/feature-animations/AssistantPanelAnimation

Assistant Panel: Agent & Query Animation

Assistant

Your Agents

PE Analyst

Researcher

Banking Analyst

Enter your request here...

Shortcuts for PE Analyst

Notes:

  • Simulates agent selection dynamically changing available shortcuts.
  • Shows user typing a query and the submit button activating.
  • Ends with a cursor hovering over the active submit button.

DeliverablesFeedAnimation

@/components/feature-animations/DeliverablesFeedAnimation

Deliverables Feed: Item Generation

Deliverables

Teaser Email: Echo IQ Campaign

Generated 5 min ago

CIM Executive Summary: Echo IQ

CIM Executive Summary: Echo IQ

Generated 15 min ago

Notes:

  • Shows a new deliverable generating at the top of a feed.
  • Generation includes spinner and progress text, then completion to an image.
  • Existing items scroll down to accommodate the new item.
  • Demonstrates variety with other pre-existing deliverable types.

DataSecurityCycleAnimation

@/components/feature-animations/DataSecurityCycleAnimation

Data Security: Continuous Cycle

Protected

Enforced

Encrypted

Monitored

Notes:

  • Abstract representation of continuous security.
  • Pulse animates around nodes: Protected, Enforced, Encrypted, Monitored.
  • Active node and its icon have subtle highlighting and animation.
  • Subtle visual cue for "No AI Training" (conceptual).