Skip to main content

AskElephant Motion Library

The Peanut Gallery

A living shelf for motion graphics Woody is shaping for Ask Elephant. Use it to review loops, drop feedback, and grab the files you need for launches, decks, and demos.

Browse the libraryRequest a new motion

Total pieces

8

Ready for demo

Live loops

5

In production

Queued

3

Next up

Workflow lanes

Live

5

Production-ready loops currently shipping on AskElephant surfaces.

In progress

2

Being tweaked or awaiting feedback before publishing.

Concept

1

Storyboards and explorations that still need motion or polish.

Need a new slot? Add a card here—drop new .mov loops inside /public/videos, or link to the React component if the motion is coded.

Coverage

Tags in rotation

Quickly see which story types already have motion. Add new tags when you drop fresh work so we can filter fast.

AI AgentsAutomationBackupContextCRMCustomer SuccessDataDemoExplainerHandoffsHeroHomepageHub-SpokeHubSpotIntegrationsInteractiveLanding PageProductWorkflow

Library

Motion + logo assets

Use the tabs to swap between the latest motion drops and the full logo locker. Every file is labeled so you can grab the right asset in seconds.

All motion graphics

Interactive React animations and video loops for heroes, product demos, and launch campaigns. Each card shows the live preview, usage notes, and source links.

Simulated meeting prep conversation from the homepage hero.

LiveHomepageInteractiveHero

Chat Hero

Interactive hero animation that types a meeting prep request, selects a company, and shows AskElephant’s AI briefing.

Focus
Homepage hero
Type
Looped React animation
Usage
Homepage hero, hero variants, launch microsites.
View component source

Notes

  • •Animation logic lives entirely in the React component—no video export needed.
  • •For alternate copy, duplicate the component and adjust the typed text constants.
AskElephant
Workflow AgentBuilding from plain English
Live
Today • 8:00 AM
WK
Weekly 1:1 PrepHubSpot, Slack

Building workflow...

Agent builds the Tuesday coaching workflow in real time.

LiveProductWorkflowInteractive

Workflow Builder Animation

Step-by-step visualization that types a workflow prompt, shows assistant chat replies, and assembles integration nodes in sequence.

Focus
Product hero
Type
React animation (looped)
Usage
Product page hero, sales demo intros, workflow explainers.
View component source

Notes

  • •To tweak the steps, edit `DEMO_STEPS` in the component.
  • •If you need a static render, screen record a loop at 1080p and drop it into `/public/videos`.
Workflow Assistant
Ask Elephant...
W
Sales Scorecard Workflow
Sales Scorecard Agent
User
User
User
User
User
User
User
User

Phases through chat, workflow nodes, and hub-spoke data packets to show the full automation story.

LiveAI AgentsWorkflowInteractiveHub-Spoke

Sales Scorecard Animation

Three-phase animation showing chat conversation, workflow building, and hub-spoke data flow for revenue team automation.

Focus
AI agents explainer
Type
React animation (looped, 24s cycle)
Usage
AI Agents page, sales decks, workflow explainers.
View component source

Notes

  • •Three phases: Chat (8s), Workflow (8s), Hub & Spoke engine (8s).
  • •Animation timing is slowed down for better readability.
  • •Uses IntegrationIcon and WORKFLOW_NODE_COLOR_MAP for consistent branding.

Context anywhere, captured instantly—calls, emails, Gong uploads, and CRM signals unified.

LiveContextIntegrationsData

Context Capture Graphic

Visualization showing how AskElephant ingests signals from calls, emails, docs, and CRM—resolving ownership and delivering next actions to revenue workflows.

Focus
Context capture
Type
React animation (looped)
Usage
Features page, integration storytelling, sales decks, docs.
View component source

Notes

  • •Shows unified capture from multiple sources: calls, inbox, docs, CRM, and workflows.
  • •Ideal for explaining AskElephant's data ingestion capabilities.
12 Calls
45 Emails
CRM Data
Acme Corp • Handoff
Trained on 57 interactions
Handoff Package ReadyI've compiled all calls, emails, and notes.
Ask a follow up question...

Signals move from Zoom, Gmail, and HubSpot into the AskElephant dossier, which answers the follow-up discount question.

LiveHandoffsCRMCustomer Success

Cross-Team Handoff Visual

Looped vignette highlighting how AskElephant assembles a full dossier from calls, emails, and CRM data before answering follow-up questions.

Focus
Cross-team handoffs
Type
React animation (looped)
Usage
Homepage handoff section, CS onboarding decks, product tours.
View component source

Notes

  • •Auto-loops after the response finishes typing to keep attention on the dossier.
  • •Pass a custom `className` to match different layouts or artboards.

Integration ripples

The AskElephant Engine

Activating your entire ecosystem to solve problems in real time.

User action
Workflow Log
ECOSYSTEM MONITORING ACTIVE

V2 default · Adds branching + timeline

Toggle between Ripple V2 (chronological workflows) and the original V1 loop.

In progressIntegrationsWorkflowExplainer

Integration Ripple Monitor

High-fidelity visualization that shows a trigger ricocheting through AskElephant, lighting up every integration and resulting action.

Focus
Integrations storytelling
Type
React animation (looped)
Usage
Peanut gallery, integration explainers, sales decks, launch blogs.
View component source

Notes

  • •Scenarios live inside `SCENARIOS` within the component—duplicate entries to add more beats.
  • •For a static asset, capture a clean loop at 1080p and drop it under `/public/videos`.
AskElephant

AskElephant Agent

Live Transcript Analysis
Type "/" to access prompt library
Tools
AskElephant can make mistakes.
HubSpot
ContactsConversationsMarketingSalesService
DealsNew Deal
About this deal
--
--
New
--
--
AskElephant Intelligence
--
--
Deal InsightsAI Generated
Pending analysis...
Pending analysis...
Pending analysis...
Pending analysis...

Call Ended

33:04 • ACME Corp Review

Watch the AI agent extract insights from a call and populate HubSpot fields in real time.

In progressCRMHubSpotAutomationDemo

CRM Automation Demo

Cinematic motion graphic showing AskElephant's AI agent analyzing a call transcript and automatically updating HubSpot deal fields with insights, logistics, and strategic intelligence.

Focus
CRM automation
Type
React animation (looped, ~32s)
Usage
Product demos, sales decks, feature explainers, landing pages.
View component source

Notes

  • •Features camera zoom/pan effects that focus on different parts of the UI.
  • •Animation sequence includes: call ended overlay, task list updates, toast notifications, and field population with typing effects.
  • •Loops automatically after completion for continuous playback.

AI notetakers can't
do heavy lifting.

When revenue teams grow, AI notetakers fall short because they only focus on insights and struggle to do real work.

CRM updates are ignoredAI notetakers might push a meeting summary but are too weak to automatically update every CRM field after a call.

Handoffs breakCritical context gets lost between sales, success, and support. Hours are wasted on manual meeting prep.

Drowning in manual workMore hours are wasted as sales leaders sift calls for coaching insights, and RevOps is forced to fix bad CRM data.

CRM updates are ignored

AskElephant was developed with a specific purpose: to empower revenue teams to do their best work. Every aspect is intentionally designed to help teams focus on what they do best: coaching, closing, and scaling revenue.

Built from the ground up for sales, customer success, and revenue operations teams. Our AI understands the nuances of customer conversations, automatically extracting key insights, tracking commitments, and updating your CRM without any manual effort.

Learn more

Handoffs break

Because of its first-principles design, AskElephant is incredibly easy to use, but carries years of revenue team expertise under the hood to make complex workflows feel effortless.

Speed is at the core of everything we build. Calls are analyzed in real-time, CRM fields update within seconds of call completion, and your team gets instant alerts on critical moments. No more waiting hours for transcripts or manually entering data.

Learn more

Drowning in manual work

We obsess over every detail in the product, from the accuracy of AI insights to the reliability of CRM integrations, so you can focus on what matters most: growing revenue.

Every feature is refined until it meets our exacting standards. From the precision of our AI extraction to the smoothness of every interaction, we've crafted AskElephant to feel intuitive, reliable, and delightful to use every single day.

Learn more

Interactive cards showcasing AI notetaker limitations - frozen backup copy.

ConceptLanding PageInteractiveBackup

Modern Product Teams Section (Backup)

Frozen snapshot of the AI notetakers heavy lifting section with interactive expandable cards. This copy is independent from the main component.

Focus
Landing page section
Type
React component
Usage
Backup reference, design exploration, A/B testing.
View backup source

Notes

  • •This is a frozen copy - edits to the original modern-product-teams.tsx will NOT affect this version.
  • •Use this as a reference point or for A/B testing different designs.