Effects Catalog

Six core animation patterns from the conductor-motion system, demonstrated in isolation.

1 Typewriter / Rotator

Hero text cycles through words with character-by-character typing and deletion. Per-character random delay creates a human feel.

Accelerating complex approvals
2 Progress Simulation

Progress bar fills with easeOutCubic timing while status text types through each phase. Simulates a live process running.

search initialization 100%
ranking results...
3 File Review State Machine

Documents transition through unreviewed → processing → reviewed states with staggered timing.

Document Review 3 / 3
Report_Q4.xlsx
Reviewed
Contract.pdf
Reviewed
Audit_Log.csv
Reviewed
4 Stagger Reveal

Cards fade up with sequential delay when they enter the viewport. Uses IntersectionObserver for scroll triggering.

1,324
Documents
98%
Accuracy
12x
Faster
5 Terminal Display

Timestamped status rows with dot-leader fills and a typing status line. Simulates a command-line interface running a search.

[10:14:02]..............................QUERY_RECEIVED
[10:14:31].........................SEARCH_ACTIVE
[10:14:58]....................COMPLETE
scanning documents...
6 Lottie Orchestration

Placeholder slots for Lottie JSON animations. Supply your own animation files — viewport-triggered playback and scroll scrub are built in.

slot-1.json
slot-2.json
slot-3.json