React Dev Companion is a fun and interactive companion for React developers. It integrates with your Pomodoro timer and visually shows your coding activity through an animated pet that wakes up, walks, and gets tired as your session progresses.on widget.
Using npm:
npm install react-dev-companion --save-devUsing yarn:
yarn add react-dev-companion --devImport the component and styles into your project:
import { Companion } from 'react-dev-companion';
export default function App() {
return (
<div>
<Companion direction="bottom-right" resetOnClick />
</div>
);
}| Prop | Type | Default | Description |
|---|---|---|---|
position |
string | "bottom-right" |
Position of the companion. Options: "bottom-right", "bottom-left", "top-right", "top-left". |
resetOnClick |
boolean | false |
Resets the companions timer. |
This project is licensed under the MIT License — free to use and modify.
Pull requests are welcome!
For major changes, please open an issue first to discuss your ideas.