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.

🤟 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.

📚 Educational and accessibility-focused platforms

⚡ Hero sections, footers, menus, and interactive layouts

🎨 Creative portfolios

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

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

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

Create interactive experiences for global and national events such as:

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.”

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

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

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

✅ A–Z (English / International standard)

✅ Turkish characters: Ç, Ğ, İ, Ö, Ş, Ü

❌ Other language-specific characters not included by default

🖼️ JPG, PNG, SVG

✨ GIF supported (animated sign icons)

Styles: Set user-select: none for better mobile clickability.

SignReveal: Set position to "top" for mobile responsiveness.

Optional number support (0–9) — why?

Enjoy the demo? Awesome!