Animation Showcase
A development area for building and testing animations.
This page should not be publicly accessible or indexed.
← Back to HomeSourcesPanelProcessingAnimation
@/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

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).