EmojiGate Input lets you hide content behind a secret emoji sequence.
Visitors tap a pattern of emojis to unlock content, navigate to a page, or trigger an action. It feels more fun and memorable than a normal password field and works well as a soft gate, not as serious security.
- Private case studies or project vaults
- Hidden sections on your site or app
- Launch easter eggs and scavenger hunts
- Light “members only” areas without full auth
- Onboarding flows that want a playful moment
- Emoji based input that accepts a secret sequence
- Customizable emoji set, sequence, and messages
- Works with Framer actions, for example:
- Reveal content
- Navigate to another page
- Trigger an animation or interaction
- Keyboard and screen reader friendly when configured correctly
- Can be styled to match your brand
Drop the component on your canvas where you want the gate.
Set your secret sequence in the component props.
Choose what happens on unlock, such as navigating to a private page or revealing a hidden section.
Publish the private page or content so the unlock can reach it.
Tip: Disable search engine indexing in that page’s settings if you want it hidden from search results.
Style it using your own layout, type, and color system so it feels native to your site.
EmojiGate Input is a soft gate. It is great for playful unlocks, light friction, and private or unlisted content. It is not a replacement for real authentication or strict security.
Use it when you want a little mystery and delight around hidden content, not for sensitive data.
Holly Stewart
