- name
- iblipper
- description
- Generate kinetic typography animations for expressive agent-to-human communication. Use when you want to communicate with visual flair - animated text for announcements, alerts, greetings, dramatic reveals, or any message that deserves more than plain text. Outputs shareable URLs or can display in canvas.
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=trueURL Parameters
All parameters go in the hash fragment (#param=value¶m2=value2).
| Parameter | Type | Description | Default |
|---|---|---|---|
text | string | The message to display (URL encoded, spaces as +) | — |
wpm | number | Words per minute (30-2500) | 300 |
density | number | Words per frame (0.1-500) | 1 |
fill | boolean | Auto-scale text to fill screen | true |
theme | number | Color theme index (0-3) | 0 |
dark | boolean | Dark mode | true |
emotion | string | Animation style preset (see below) | neutral |
share | string | Auto-play on load (yes) | — |
Emotion Presets (Production)
| Emotion | Vibe | Best For |
|---|---|---|
neutral | Clean, professional | Default, announcements |
hurry | Fast, urgent, italic | Time-sensitive alerts |
idyllic | Slow, dreamy, airy | Poetic, calm messages |
question | Curious, tilting | Questions, pondering |
response_required | Urgent, pulsing | Action needed! |
excited | Bouncy, energetic | Celebrations, enthusiasm |
playful | Fun, bouncing | Jokes, casual fun |
emphatic | Bold, solid, impactful | Important statements |
casual | Handwritten, relaxed | Friendly chat |
electric | Glitchy, RGB split | Cyber aesthetic |
wobbly | Jelly physics | Silly, playful |
*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)
- Open the export URL in browser:
browser action=open targetUrl="https://andyed.github.io/iblipper2025/?export=gif#text=Hello&emotion=emphatic" profile=chrome- Wait ~15-20 seconds for render + encode
- Find the downloaded GIF:
ls -t ~/Downloads/iblipper_*.gif | head -1- Read/attach the file to your message
Export query parameters:
| Parameter | Type | Description | Default |
|---|---|---|---|
export | string | Format: gif, apng, png | — |
width | number | Output width in pixels | 480 |
fps | number | Frames per second (8, 15, 30) | 15 |
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" playfulAdditional 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=yesin hyperlinks — skips landing page - Match emotion to message —
excitedfor celebrations,emphaticfor important stuff - Dark mode looks better —
dark=trueis usually the way to go - Use sparingly — if every message is animated, none are special