---
title: "Sound List — Free Framer component · Best of Framer"
description: "Free Framer component · by KO Studio · Navigation. Interactive sound list"
canonical: "https://framer.elliotli.dev/component/sound-list"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Sound List

# Sound List

Interactive sound list

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

![Sound List preview image 1](https://framer.elliotli.dev/og/component/sound-list/55eb63e66676c6a7/1600x1200.jpg)

## Summary

Interactive sound list

## Description

## Overview

SoundList transforms a simple list into an interactive experience. Each item reacts to user interaction with motion and sound, adding depth without adding complexity.

## Interaction

Hover and click states are designed to feel immediate and responsive. Subtle animations and sound feedback make navigation more engaging while keeping the interface clean and minimal.

## Audio System

Choose from 9+ sound styles — from soft and minimal to more expressive tones. Sounds are fully optional and can be adjusted or disabled to fit any project.

## Customization

Easily adapt the component to your design:

-   colors and typography
    
-   spacing and layout
    
-   hover and transition behavior
    
-   audio presets and volume
    

## Accessibility

SoundList respects user preferences with reduced motion support and full keyboard navigation. All interactions remain clear and usable across devices.

## Performance

Built with native browser APIs and optimized rendering, the component stays lightweight and smooth without external dependencies.

## Use Cases

![Here’s a use case of the component on a website created by Ange.](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-irrechd1-7tIHbIPrtnXpliVoIwUDCDIhfGlDI9)Here’s a use case of the component on a website created by Ange.

[**Open**](https://monam.framer.website) the use case

-   navigation menus
    
-   resource lists
    
-   portfolios and link directories
    
-   experimental or interactive interfaces
    

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

-   All · #2141

## Details

- **Author**: KO Studio
- **Published**: 2026-05-06
- **Updated**: 2026-05-22
- **Added**: 2026-04-20
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation