Build a companion.
From an empty corner to a friendly, accessible companion in your own app. Every chapter is short, hands-on, and ends with a way to check it worked.
- 01Why a companion?What a companion is, what it is good for, and when to leave it out.8 minutes
- 02Set up the kitCopy one folder into your app and import one stylesheet.10 minutes
- 03Your first companionPut Recei in the corner of your app with three lines of code.10 minutes
- 04Anatomy of a companionA companion is a body plus seven anchor points. The kit draws everything else.10 minutes
- 05Draw your ownCopy the example, draw a body, place seven points, and add it to the directory.20 minutes
- 06Behaviour: rest, stroll, tricksTune how often it moves, where it walks, and what it does when the page changes.12 minutes
- 07Eyes, moods and figuresUse the drawing on its own: on cards, empty states and loading screens.10 minutes
- 08Teach it to talkWrite short, true answers, and keep the companion honest.12 minutes
- 09Kind to everyoneWhat the kit does for accessibility, and how to keep it that way.10 minutes
- 10Theme it, test it, ship itMake it match your brand, prove it works, and launch it with confidence.12 minutes