5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T1106,

SignReveal is an interactive typography component that reveals sign language icons when 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, SignReveal works seamlessly with Framer and provides flexible control over typography, layout, icons, and animations

🚀 Core Features

🤟 Reveal sign language icons on hover
🔤 A–Z alphabet support
🔢 Optional number support (0–9)
🖼 Custom icon upload for each character
📐 Icon positioning: left, right, top, or bottom
✨ Adjustable fade animation (0–1s)
🎨 Customizable font, color, gap, icon size, and hover color
👁 Optional initial icon before hover
⚡ Lightweight and performance-friendly

🎯 Perfect For

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

♿ Accessibility & Learning

Designed with accessibility and education in mind, SignReveal makes learning finger alphabets more visual, simple, and interactive

🌍 Language Support

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

Custom character support is available when needed.

🎉 Special Day Support

Perfect for International Day of Sign Languages – September 23 and national sign language events.

Optional number support allows dates and special-day messages to be displayed with sign language icons

🎨 Logo Shaders

SignReveal can also be used with menu logos and creative text animations, especially for special events and campaigns.

🧩 Format Support

🖼 JPG, PNG, SVG
✨ GIF for animated sign icon

📌 Mobile Notes

Set user-select: none for better mobile interaction.
Use Top icon positioning for improved mobile responsiveness

📩 Support

hello@deaf.build

deafbuild@outlook.com

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

SignReveal - Framer Component

5a:[["$","$L5d",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":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"UAVH4wNUY5BAZNN4KJ04","resolved":true,"title":"SignReveal","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"SignReveal","marks":[{"type":"bold"}]},{"type":"text","text":" is an interactive typography component that reveals sign language icons when users hover over each letter. It creates a natural bridge between text and visual communication, making interfaces more inclusive, expressive, and engaging."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for modern UI, SignReveal works seamlessly with Framer and provides flexible control over typography, layout, icons, and animations"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Core Features"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"love_you_gesture","emoji":"🤟"}},{"type":"text","text":" Reveal sign language icons on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"abc","emoji":"🔤"}},{"type":"text","text":" A–Z alphabet support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"1234","emoji":"🔢"}},{"type":"text","text":" Optional number support (0–9)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" Custom icon upload for each character"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"triangular_ruler","emoji":"📐"}},{"type":"text","text":" Icon positioning: left, right, top, or bottom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" Adjustable fade animation (0–1s)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Customizable font, color, gap, icon size, and hover color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eye","emoji":"👁"}},{"type":"text","text":" Optional initial icon before hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Lightweight and performance-friendly"}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"dart","emoji":"🎯"}},{"type":"text","text":" Perfect For"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"books","emoji":"📚"}},{"type":"text","text":" Education and accessibility-focused platforms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Hero sections, menus, footers, and interactive layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Creative portfolios and modern websites"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"wheelchair","emoji":"♿"}},{"type":"text","text":" Accessibility & Learning"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Designed with accessibility and education in mind, SignReveal makes learning finger alphabets more visual, simple, and interactive"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"earth_africa","emoji":"🌍"}},{"type":"text","text":" Language Support"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" A–Z (English / International standard)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"white_check_mark","emoji":"✅"}},{"type":"text","text":" Turkish characters: Ç, Ğ, İ, Ö, Ş, Ü"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"x","emoji":"❌"}},{"type":"text","text":" Other language-specific characters are not included by default"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Custom character support is available when needed."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" Special Day Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Perfect for "},{"type":"text","text":"International Day of Sign Languages – September 23","marks":[{"type":"bold"}]},{"type":"text","text":" and national sign language events."}]},{"type":"paragraph","content":[{"type":"text","text":"Optional number support allows dates and special-day messages to be displayed with sign language icons","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://1drv.ms/f/c/c335e29acefda961/IgCv4qwWiAeNRpSW_-ruRWJrAdPd7CEz58wWdTJPx-yu0Mw?e=PbIPEL","target":"_blank"}}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Logo Shaders"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"SignReveal can also be used with menu logos and creative text animations, especially for special events and campaigns."}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"jigsaw","emoji":"🧩"}},{"type":"text","text":" Format Support"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"framed_picture","emoji":"🖼"}},{"type":"text","text":" JPG, PNG, SVG"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" GIF for animated sign icon"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"pushpin","emoji":"📌"}},{"type":"text","text":" Mobile Notes"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set "},{"type":"text","text":"user-select: none","marks":[{"type":"code"}]},{"type":"text","text":" for better mobile interaction."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Use "},{"type":"text","text":"Top","marks":[{"type":"bold"}]},{"type":"text","text":" icon positioning for improved mobile responsiveness"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"envelope_with_arrow","emoji":"📩"}},{"type":"text","text":" Support"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"hello@deaf.build","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@deaf.build","target":"_blank"}}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"deafbuild@outlook.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:deafbuild@outlook.com","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"book","emoji":"📖"}},{"type":"text","text":" "},{"type":"text","text":"“Makes learning the finger alphabet fun and interactive.”","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SignReveal - Framer Component","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://www.youtube.com/watch?v=CP9D60SY81g","target":"_blank"}}]}]}]},"introduction":"Show sign language letters 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":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UAVH4wNUY5BAZNN4KJ04/signreveal-JXvxu4a3cZBNgLcdISH125PRQcsHRJ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-29T09:30:28.863Z","updatedAt":"2026-09-16T14:31:28.996Z","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":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"e9FJR4H9yYC0HCRyjMn6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"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}}],"$L5f"]

Suggested for you