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 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:
βHappy International Day of Sign Languages β September 23β
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.
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.
Designed with accessibility in mind:
Great for teaching finger alphabets.
β AβZ (English / International standard)
β Turkish characters: Γ, Δ, Δ°, Γ, Ε, Γ
β Other language-specific characters not included by default
Need custom character support?
πΌοΈ 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?
So you can add a special day text with an icon (optional).
Watch the demo video
DeafBuild
