5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/3jpuro209qqra.js","/creators-assets/_next/static/immutable/chunks/2qlox892e2j_q.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/07e2f_v4-u-we.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3orcs6a8eyfvz.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/120zfy8hqrcwf.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/2c_4he4mvu2r0.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3q7g04e77g4lf.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/0lmnldnlzsgok.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/0z2hzm-7v_g2c.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2_qutx8yar-up.js","/creators-assets/_next/static/immutable/chunks/0p4vy6mn-x9zs.js"],"PostDetailCard"] 5d:T1216,

SignReveal is an interactive typography component that reveals sign language icons as users hover over each letter.

It creates a natural bridge between text and visual communication—making interfaces more inclusive, expressive, and engaging.

Built for modern UI, it works seamlessly with Framer and offers full control over typography, layout, and animation.

🚀 Core Features

🤟 Reveal sign language icons on hover
🔤 Full A–Z alphabet support
🔢 Optional number support (0–9)
🖼️ Custom icon upload for each character
📐 Flexible icon positioning (left, right, top, bottom)
✨ Smooth fade transitions (0–1s, fully adjustable)
🎨 Fully customizable styling (font, color, gap, icon size, hover color)
👁️ Optional initial icon before hover
⚡ Lightweight and performance-friendly

Designed with accessibility and education in mind, it helps users visually connect text with sign language in a simple and intuitive way.

🎯 Perfect For

📚 Educational and accessibility-focused platforms
⚡ Hero sections, footers, menus, and interactive layouts
🎨 Creative portfolios

♿ Accessibility & Learning

Great for teaching finger alphabets in a simple and visual way.

🌍 Global Usage

Framer templates worldwide — usable in all countries and ideal for global designs.

Perfect for International Sign Languages Day (September 23) and other cultural events.

🎉 Special Day Support

Create interactive experiences for global and national events such as:

“Happy International Day of Sign Languages – September 23”

🌍 National Sign Language Days

Example: Write "Happy Turkish Sign Language Day – June 7". The component displays sign language letters. Logo Shaders color animations look great.

📖 “Makes learning the finger alphabet fun and interactive.”

👉 See the table link for different countries. Feedback will be added.

🎨 Logo Shaders

Use it on your menu logo. Ideal for special days like September 23.

📌 Important Note

The International Day of Sign Languages is observed globally on September 23 and was proclaimed by the United Nations in 2018.

⚠️ License

Single license is valid for one website only.Do not share or redistribute the component after purchase.

♿ Accessibility & Learning

Designed with accessibility in mind:
Great for teaching finger alphabets.

🌍 Language Support

✅ A–Z (English / International standard)
✅ Turkish characters: Ç, Ğ, İ, Ö, Ş, Ü
❌ Other language-specific characters not included by default

Need custom character support?

📩 Support

🧩 Format Support

🖼️ JPG, PNG, SVG
✨ GIF supported (animated sign icons)

📌 Note:

Styles: Set user-select: none for better mobile clickability.
SignReveal: Set position to "top" for mobile responsiveness.
Optional number support (0–9) — why?
So you can add a special day text with an icon (optional).

Watch the demo video

Enjoy the demo? Awesome!

59:[["$","$L5c",null,{"post":{"id":"019e1c14-24b4-7e31-8361-fcb3f597af38","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"d7edb320-5aab-4919-8c9f-a2a79b78444e","name":"DeafBuild","slug":"deafbuild","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1376253/avatar-7zjgfVzpk8JCE8RxpJYxw6e1DL7ktT.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"UAVH4wNUY5BAZNN4KJ04","resolved":true,"title":"SignReveal","body":"$5d","bodyJson":null,"introduction":"Shows sign language letters on hover","slug":"signreveal","author":{"framerUserId":"d7edb320-5aab-4919-8c9f-a2a79b78444e","name":"DeafBuild","slug":"deafbuild","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1376253/avatar-7zjgfVzpk8JCE8RxpJYxw6e1DL7ktT.jpg","badges":["expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UAVH4wNUY5BAZNN4KJ04/signreveal-JXvxu4a3cZBNgLcdISH125PRQcsHRJ"}],"post":null,"createdAt":"2026-04-29T09:30:28.863Z","updatedAt":"2026-05-12T09:15:43.230Z","publishedAt":"2026-05-12T12:05:42.708Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://signreveal.framer.website/","price":"13","paymentUrl":"https://contra.com/payment-link/MNMJh4x1-sign-reveal-framer-component","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Typography","slug":"typography"}],"lastSaveId":"e9FJR4H9yYC0HCRyjMn6"}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-12T12:05:42.708Z","updatedAt":"2026-05-12T12:05:42.708Z","reported":false}}],"$L5e"]

Suggested for you