About Capsule Pal
✦ Meet the little guy in the glass.
Capsule Pal is a glowing character sealed inside a glass capsule. The top half is clear, the bottom half is frosted, and he keeps an eye on your cursor. He blinks on his own, smiles when you hover and gasps when you click.
It's a real WebGL render, so the glass actually bends light, reflects and glows. No video, no image files, nothing heavy to load.
🙂 Faces & mouths
Faces ✦ Dots ✦ Happy ✦ Sleepy ✦ Wink ✦ Big eyes ✦ Robot ✦ Cyclops ✦ None
Mouths ✦ None ✦ Smile ✦ O ✦ Flat
Big eyes and Cyclops have pupils that follow your cursor.
⚙ What you can customize
Background color ✦ Character color ✦ Eye, pupil & mouth colors ✦ Frost amount ✦ Capsule size ✦ Seam angle, tilt & position ✦ Glass thickness ✦ Character size ✦ Eye size & spacing ✦ Light angle ✦ Gloss ✦ Glow ✦ Film grain ✦ Follow speed ✦ Blink speed ✦ Float ✦ Render quality
🖱 Included interactions
Follows the cursor (over the frame or the whole page) ✦ Capsule leans toward the cursor ✦ Hover for happy eyes ✦ Press for a gasp and a glow ✦ Random blinks ✦ Idle looking around ✦ Slow floating
🎯 Perfect for
Hero sections ✦ Portfolio intros ✦ 404 pages ✦ Empty states ✦ Waitlist pages ✦ Product mascots ✦ Playful landing pages ✦ Link-in-bio pages
📱 Good to know
- You'll see a still frame on the Framer canvas. Hit Preview or publish to see him move. This keeps editing smooth.
- For the hover reaction, keep Follow set to Frame.
- There are three quality levels (Low, Medium, High). It also lowers the resolution by itself if a device struggles.
- It respects "reduce motion" settings.
- If a browser can't run WebGL, a simple static version shows instead.
––––––––
❤ Thanks for checking out Capsule Pal. I hope he makes your site a bit more fun. Questions or want a custom face? Email sohailansari895@gmail.com or find me on X: https://x.com/sohaildesigns_
