Git Product home page Git Product logo

echo-ui's Introduction


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 has become a very popular and mature technology for web audio development, and libraries based on it (such as tone.js and 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 and FL Studio. These interactions greatly enhance the user experience.

Customizable & Easily Extensible

Developed based on React and TailwindCSS, 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

MIT © 2023-Present leyoonafr

echo-ui's People

Contributors

codeacme17 avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

echo-ui's Issues

[BUG]: Envelope interaction issues

After modifying the envelope value, when the user changes the page size(trigger resizeObserver hook) and changes the value of a certain point again, the value of release will return to the initialized value.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.