🔊
Clippet React

⚠️ THIS PACKAGE IS STILL IN ALPHA ⚠️

The font for sounds.

An elegant React library for audio feedback
in user interfaces

npm i @clippet/react

yarn add @clippet/react

Usage

Basic usage

import { useClippet, clPlip } from '@clippet/react';

export default function Button() {
  const [playClick] = useClippet(clPlip);

  return (
    <button onClick={() => {
      playClick();
    }}>
      Press me!
    </button>
  );
}

Roadmap

• Q2 2023: first sound font consisting between 12 and 16 sounds
• Q2 2023: landing page for package
• Q3 2023: in-depth documentation
• Q3 2023: playground to test sounds with UX patterns
• Q3 2023: release of multiple sound fonts

Acknowledgments

Clippet is developed and maintained by BMD Studio