tremolo-ui

UI library for Web Audio App

tremolo-ui is now WIP

🚩 Goals

• Components with usability and flexibility
• Mobile Support
• Distribute package
  • React
  • Web Components

🧬 Installation

React

Install tremolo-ui

npm install @tremolo-ui/react

And install dependencies

npm install react react-dom @emotion/react

import { useState } from 'react'
import { Slider } from '@tremolo-ui/react'

function App() {
  const [value, setValue] = useState(0)

  return (
    <>
      <Slider
        value={value}
        min={0}
        max={100}
        onChange={(v) => setValue(v)}
      />
      <p>value: {value}</p>
    </>
  )
}

Web Components

draft now

Install tremolo-ui

npm install @tremolo-ui/web-components

<tremolo-slider value="32" min="0" max="100" />

📚 Docs

Tutorial & API

https://tremolo-ui.vercel.app/

Storybook UI Catalog

• React
• Web Components

🦝 Contributing

Please see contribution guide

日本語版は コントリビューション ガイド を参照してください。

📜 LICENSE

tremolo-ui is MIT License