---
title: "Sonic Text — Framer component · Best of Framer"
description: "$1.00 · Framer component · by Firdavs · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/sonic-text"
---

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

# Sonic Text

Interactive text

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

![Sonic Text preview image 1](https://framer.elliotli.dev/og/component/sonic-text/32bdbb196d4c68a6/1600x1200.jpg)

## Summary

Interactive text

## Description

## About this Component

Fully responsive, interactive text for Framer: Per-letter hover animations, plays lightweight WebAudio—no audio files needed.

## Instructions:

How it works

## Features:

• **Per-letter hover effects**: None, Blink, Jump, or Shape (filled rounded block) with smooth spring/bounce transitions.

• **Full Font control**: Typeface, size, weight, line height, letter spacing, alignment — all via Framer’s Font control.• **Color styling**: Base color + hover color, plus separate text color inside Shape mode.

• **Built-in sound palette (WebAudio)**: Keycap Tick, Pixel Pop, Pop, Glass Ping, Chime, Wood Click, Water Plop, Laser Blip, Whoosh Micro, Crackle Cluster, Birdsong, Blackbird, Pianino, Air Bell — no audio files needed.

• **Sound tuning**: Volume, throttle (anti-spam), and stereo spread per letter; instant audition from the picker.

• **On-canvas Effect Picker**: Clickable pills to try hover modes and sounds; toggle on/off from props.

• **Letter layout control**: Adjustable per-letter gap and optional pointer cursor.

• **Performance-friendly**: Lightweight WebAudio synths, throttled triggers, and a master dynamics compressor.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-vljoa7hg-kDR0SPTtIPhjsOT8bWjUf6gbIWiwUJ)

Tip: Set Auto Demo to No. It was turned on just to showcase the action on the Marketplace

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

-   All · #9822

## Details

- **Author**: Firdavs
- **Price**: $1.00
- **Published**: 2025-08-13
- **Updated**: 2026-02-14
- **Added**: 2025-08-10
- **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