---
title: "EmojiGate Input — Free Framer component · Best of Framer"
description: "Free Framer component · by Holly Stewart · Forms. What this component does EmojiGate Input lets you hide content behind a secret emoji sequence."
canonical: "https://framer.elliotli.dev/component/emojigate-input"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/EmojiGate Input

# EmojiGate Input

[View on Framer](https://framer.com/marketplace/components/emojigate-input/?via=elliot-li)

![EmojiGate Input preview image 1](https://framer.elliotli.dev/og/component/emojigate-input/fd19c1a82e0c2208/1600x1200.jpg)

## Summary

What this component does EmojiGate Input lets you hide content behind a secret emoji sequence.

## Description

## What this component does

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.

### Perfect for

\- 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

### Key features

\- 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

### How to use it

1.  **Drop the component** on your canvas where you want the gate.
    
2.  **Set your secret sequence** in the component props.
    
3.  **Choose what happens on unlock,** such as navigating to a private page or revealing a hidden section.
    
4.  **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.
    
5.  **Style it** using your own layout, type, and color system so it feels native to your site.
    

### Important note

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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #4789

## Details

- **Author**: Holly Stewart
- **Published**: 2025-11-26
- **Updated**: 2025-11-26
- **Added**: 2025-11-20
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from