To use the Kokoro TTS component in your React project, follow these steps:
- Install the package:
pnpm install react-kokoro-tts - Import the component:
import {KokoroTTS} from 'react-kokoro-tts';
- Storybook: Interactive UI component explorer and documentation.
- Tailwind CSS: Utility-first CSS framework for rapid UI development.
- ShadCN: Accessible and customizable component primitives.
- Playwright: End-to-end testing for reliable and maintainable tests.
- Dark Mode Toggle: Easily switch between light and dark themes for testing.
- ESM & CJS Support: Generates both ES Modules and CommonJS for maximum compatibility.
- Typescript Support: Generates properly .d.ts.
- Structured Folder Layout: Organized directory structure for scalability and maintainability.
- Example Folder: Contains example usage of components with a simple setup.