---
title: "Piago — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Quan Hoang · Players. Piago is a synth keyboard component that actually makes sound click a key, hear a real note, powered by live audio synthesis…"
canonical: "https://framer.elliotli.dev/component/piago"
---

[Home](/)/[Components](/components)/[Players](/components/category/players)/Piago

# Piago

A playable synth keyboard

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

![Piago preview image 1](https://framer.elliotli.dev/og/component/piago/996cba9ae9153ef7/1600x1600.jpg)

## Summary

Piago is a synth keyboard component that actually makes sound click a key, hear a real note, powered by live audio synthesis in the browser instead of a looping video or gif.

## Description

Piago is a synth keyboard component that actually makes sound click a key, hear a real note, powered by live audio synthesis in the browser instead of a looping video or gif.

It covers two full octaves, playable by mouse, touch-drag, or your computer keyboard. Pick from three presets Pad, Pluck, and Bell each with its own character, plus live Filter and Reverb knobs to shape the tone as you play. Every note throws a little spark of color, and if you happen to play a familiar tune, keep going. There's a small surprise waiting for whoever finds it.

Everything's adjustable through Framer's property panel: set the default preset, toggle the credit line, turn effects on or off. No setup beyond that drop it into your layout and it works.

Good for a portfolio, a music page, or anywhere your site could use something a little more alive than a static image.

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

-   All · #5909

## Details

- **Author**: Quan Hoang
- **Price**: $5.00
- **Published**: 2026-08-24
- **Updated**: 2026-08-24
- **Added**: 2026-08-24
- **Categories**: Players

## More like this

-   [Cozy Video Card](/component/cozy-video-card) — 日香理 / hikari · $1 — A cozy card for your YouTube video
-   [A/B Audio Player Pro](/component/a-b-audio-player-pro) — Injamul Haque Somrat · $24 — Master Audio Comparison Player
-   [Reelflow](/component/reelflow) — Quaders · Free — An auto video ticker for reels
-   [Mux Video](/component/mux-video) — NorthGarden · $3 — Drop Mux video into any Framer site with full control over playback, UI, and interaction.