Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codeacme17/echo-ui

A UI library born for WAA
https://github.com/codeacme17/echo-ui

audio-hook audio-ui component-library echo-ui react-component-library tailwindcss-ui web-audio-api

Last synced: 2 days ago
JSON representation

A UI library born for WAA

Host: GitHub
URL: https://github.com/codeacme17/echo-ui
Owner: codeacme17
License: mit
Created: 2023-12-01T07:47:45.000Z (12 months ago)
Default Branch: main
Last Pushed: 2024-03-18T05:38:55.000Z (8 months ago)
Last Synced: 2024-03-18T06:40:39.376Z (8 months ago)
Topics: audio-hook, audio-ui, component-library, echo-ui, react-component-library, tailwindcss-ui, web-audio-api
Language: TypeScript
Homepage: https://echoui.dev
Size: 47.8 MB
Stars: 182
Watchers: 3
Forks: 3
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE
- Roadmap: ROADMAP.md

Awesome Lists containing this project

README

Echo UI is a high-performance and out-of-the-box web audio API component library, build with React and TailwindCSS.

## Why Echo UI ?

Nowadays, [Web Audio API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API) has become a very popular and mature technology for web audio development, and libraries based on it (such as [tone.js](https://github.com/Tonejs/Tone.js) and [howler.js](https://github.com/goldfire/howler.js)) have emerged and become very popular. However, the interaction interface for audio operations is cumbersome and involves many technical points, so this can be a major stumbling block to the development of this technology.

**Echo UI** aims to simplify the development process of audio interaction pages, reduce the burden on the developer's mind, and allow users to use out-of-the-box component libraries to quickly build an elegant audio interaction application!

## Features

#### 📦 **Out-of-the-Box**

Echo UI provides a set of out-of-the-box components that you can directly use to build your audio applications, such as an EQ equalizer, an audio player, or a VST plugin.

#### 🎛️ **High-Quality Interactions**

Many of the component interactions are inspired by high-quality DAW (Digital Audio Workstation) applications like [Ableton Live](https://www.ableton.com/en/live/) and [FL Studio](https://www.image-line.com/). These interactions greatly enhance the user experience.

#### ✨ **Customizable & Easily Extensible**

Developed based on [React](https://react.dev/) and [TailwindCSS](https://tailwindcss.com/), it allows you to easily customize the style and interaction behavior of components. Additionally, you can easily extend Echo UI's component library.

#### 🛠️ **Easy-to-use Hook**

Hook specially designed for audio interaction and analysis applications, which can easily implement audio interactive applications.

#### 📈 **Responsive layout**

Echo UI's component library is responsive, meaning they can automatically adapt to different screen sizes, providing a good experience on different devices.

## License