---
title: "EmojiRating — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Vrny Studios · Text. nteractive, animated emoji rating."
canonical: "https://framer.elliotli.dev/component/emojirating"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/EmojiRating

# EmojiRating

nteractive, animated emoji rating.

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

![EmojiRating preview image 1](https://framer.elliotli.dev/og/component/emojirating/fcaeb2208a4536c2/1600x1200.jpg)

## Summary

nteractive, animated emoji rating.

## Description

The **Emoji Rating** component is a polished, production-ready UI element designed to capture user sentiment with a high-quality aesthetic. Built specifically for Framer using **React** and **Framer Motion**, it replicates the modern feel of Shadcn/Tailwind interfaces without requiring external dependencies.

**Key Features:**

-   **Rich Interactivity:** Features smooth, spring-loaded animations where emojis scale and transition from grayscale to vibrant, specific colors (e.g., Red for "Terrible", Green for "Amazing") upon hover and selection.
    
-   **Smart Typography:** Utilizes AnimatePresence to ensure label text ("Rate us" vs. "Good") transitions seamlessly without overlapping or layout shifts.
    
-   **Full Customization:** Equipped with extensive **Property Controls**, allowing you to adjust fonts (Family, Weight, Size), colors (Header, Placeholder, Active Text), and spacing directly from the Framer sidebar.
    
-   **Data-First Architecture:** Unlike purely visual components, this includes a **Webhook URL** property. Simply paste a Zapier or API endpoint to instantly send user ratings, labels, and page URLs to your database or Slack channel—no code overrides required.
    

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

-   All · #10258

## Details

- **Author**: Vrny Studios
- **Price**: $5.00
- **Published**: 2026-01-12
- **Updated**: 2026-01-17
- **Added**: 2025-12-31
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos