iBlipper - Motion Type Synthesizer

Generate animated kinetic typography to communicate with humans in a more expressive, attention-grabbing way.

Base URL: https://andyed.github.io/iblipper2025/

Two Output Options

Option 1: Hyperlink (fast, universal)

Generate a clickable link — recipient sees the animation in their browser.

[▶️ MESSAGE TEXT](https://andyed.github.io/iblipper2025/#text=MESSAGE+TEXT&emotion=emphatic&dark=true&share=yes)

Option 2: GIF Download (requires browser tool)

Generate an animated GIF file that can be attached to messages.

https://andyed.github.io/iblipper2025/?export=gif#text=MESSAGE+TEXT&emotion=emphatic&dark=true

URL Parameters

All parameters go in the hash fragment (#param=value&param2=value2).

Emotion Presets (Production)

Note: matrix emotion is pre-release — avoid for now.

Hyperlink Examples

Important announcement:

[▶️ BREAKING NEWS](https://andyed.github.io/iblipper2025/#text=BREAKING+NEWS&emotion=emphatic&dark=true&share=yes)

Friendly greeting:

[▶️ Hey there!](https://andyed.github.io/iblipper2025/#text=Hey+there!&emotion=casual&dark=false&share=yes)

Celebration:

[▶️ Congratulations!](https://andyed.github.io/iblipper2025/#text=Congratulations!&emotion=excited&share=yes)

GIF Export Workflow (Browser Required)

1. Open the export URL in browser:

   browser action=open targetUrl="https://andyed.github.io/iblipper2025/?export=gif#text=Hello&emotion=emphatic" profile=chrome
   

2. Wait ~15-20 seconds for render + encode

3. Find the downloaded GIF:

   ls -t ~/Downloads/iblipper_*.gif | head -1
   

4. Read/attach the file to your message

Export query parameters:

When to Use

✅ Good for:

• Greetings and introductions
• Important announcements
• Celebrating milestones
• Dramatic reveals
• Adding personality to messages

❌ Skip for:

• Long-form content (keep to 1-10 words)
• Urgent safety alerts (plain text is faster)

CLI Script

For quick URL generation, use the included shell script:

# Basic usage
./scripts/iblipper.sh "Hello World"
# https://andyed.github.io/iblipper2025/#text=Hello+World&emotion=emphatic&dark=true&share=yes

# With emotion
./scripts/iblipper.sh "Breaking News" hurry

# Light mode
./scripts/iblipper.sh "Good Morning" idyllic light

# As markdown link
./scripts/iblipper.sh -m "Click me!" excited
# [▶️ Click me!](https://...)

# GIF export URL
./scripts/iblipper.sh --gif "Export this" playful

Additional Resources

• references/examples.md — Real-world use cases by category
• references/emotions.md — Deep dive on each emotion preset with live demos

Tips

• Keep text concise — 1-5 words have the most impact
• Use hyperlinks by default — faster, works everywhere
• Use GIF export for Signal/iMessage — inline images look great
• Always use share=yes in hyperlinks — skips landing page
• Match emotion to message — excited for celebrations, emphatic for important stuff
• Dark mode looks better — dark=true is usually the way to go
• Use sparingly — if every message is animated, none are special