https://github.com/tahti-studio/solid-knobs

Primitives for building user-friendly controls with SolidJS.
https://github.com/tahti-studio/solid-knobs

audio solidjs user-interface

Last synced: 6 days ago
JSON representation

Primitives for building user-friendly controls with SolidJS.

• Host: GitHub
• URL: https://github.com/tahti-studio/solid-knobs
• Owner: tahti-studio
• License: mit
• Created: 2022-06-04T10:04:54.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-12-04T21:12:48.000Z (almost 2 years ago)
• Last Synced: 2024-11-01T04:51:57.451Z (7 days ago)
• Topics: audio, solidjs, user-interface
• Language: TypeScript
• Homepage: https://tahti-studio.github.io/solid-knobs
• Size: 1.38 MB
• Stars: 31
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-solid-js - Solid Knobs - Primitives for building user-friendly controls with SolidJS (📦 Components & Libraries / Frameworks & Component Libraries)

README

        
# solid-knobs

[![npm version](https://badge.fury.io/js/solid-knobs.svg)](https://badge.fury.io/js/solid-knobs)

`solid-knobs` provides various utilities for building user-friendly components for controlling audio parameters and the like.

These utilities come without any CSS; they only help with setting up commonly needed functionalities quickly and easily.

The included JSX components are written for SolidJS and have no external dependencies.

Demo: https://tahti-studio.github.io/solid-knobs/

## Install

`npm install solid-knobs`

## Docs

The generated docs are located in the [`docs` folder](docs).

However, to get a feel for how all the different parts are used, please [take a look at the examples](examples/index.tsx).

The examples are also hosted at: https://tahti-studio.github.io/solid-knobs/

## Projects using solid-knobs

- [tahti.studio – a groovebox in the browser](https://tahti.studio/)

## Running the examples locally

1. Clone.

2. `npm install`

3. `cd examples`

4. `npm install`

5. `npm run dev`

## Contributing

Contributions are most welcome!

There is no specific process (at least yet), just open a PR if you feel like it.