Give your app a little friend.
Companion Kit is a small, copy-in kit and a hands-on workshop for adding playful, accessible companions to any React app, like the little friend in the corner of this page.
Three steps, no setup.
- 01
Copy the kit.
One folder, kit/. No package to install, no build step. It is yours to change.
- 02
Pick a friend.
Choose one of six companions, or copy the commented example and draw your own.
- 03
Drop it in.
One component. Give it a few true answers about your app and it is ready.
tsx
import { Companion } from '@/kit/react/Companion'
import { recei } from '@/kit/companions'
const answers = [
{ question: 'What is this app?', answer: 'A short, true answer.' },
]
<Companion character={recei} answers={answers} />Friendly by design.
- Calm, not constantIt strolls now and then, rests the rest of the time, and stays still while you read its answers.
- Honest answersIt only says what you wrote for it. No guessing, no made-up replies.
- Kind to everyoneKeyboard friendly, screen-reader labelled, and fully still for people who prefer reduced motion.
- Tiny and yoursPlain TypeScript, React and CSS. No dependencies beyond React.