Magpie

Animation Concepts Lab

Live Framer Motion prototypes for Magpie.chat landing page hero section.

1. Typographic Stream

Scrolling transcript. Valuable quotes highlight, detach, and morph into cards.

I think the music we listened to in high school always hits differently.

2. The Skeleton Reveal

Ambient waveform reacts to speech, then snaps a skeleton card into a fully loaded state.

Waiting...

3. The Archetype Matrix

Three distinct cards elegantly slide and stack over each other as the conversation deepens.

4. The Ambient Waveform

Siri-like colorful audio waveform reacts to speech. Sparks fly up and crystallize into a card.

5. The Export Journey

Showcases "Process to Result". Scattered cards are clicked ("Share"), instantly animating into a poster.

6. The Unintrusive Observer

Split screen: People chatting animatedly on left. On right, Magpie quietly generates cards without interrupting.

7. Scroll-Driven Story

Interactive scroll simulation. As the conversation progresses, the phone mockups dynamically update.

1. Just talk.
2. Magpie listens.
3. Cards appear.

8. Hover to Reveal Trace

A pristine final card is shown. Hovering over it causes the card to fan out and reveal the raw transcript data.

14:02:11 - Transcript Chunk
"So I was reading this paper about how dopamine receptors are essentially cemented during adolescence..."
EXTRACTING INTEL...
Subject: Neuroscience
Key: Dopamine lock-in
Confidence: 0.94
Intel

Dopamine Lock-in

Receptors are cemented during adolescence, permanently linking those years to high emotional reward.

HOVER TO REVEAL TRACE

9. The Graph Connection

Floating data nodes connect with glowing lines. When a pattern is found, the polygon solidifies into a card.

10. The Signal & Noise

Countless chat bubbles blur into the background. One crucial insight gets a spotlight and transforms into a card.

yeah exactly
hmm maybe
what about tomorrow?
I don't know
haha true
hmm maybe
yeah exactly
haha true
what about tomorrow?
I don't know
haha true
yeah exactly
hmm maybe
I don't know
what about tomorrow?
"It's about minimum necessary complexity."