Carrier Bird: free React illustration

Install

Run this in any project set up for the shadcn CLI. It copies the Carrier Bird source into your components folder, so the code is yours to change.

npx shadcn@latest add https://devl.dev/r/carrier-bird.json

Use it

Import it and render it. Every prop has a typed default, so it works straight away, and you pass your own data when you’re ready.

import { CarrierBird } from "@/components/carrier-bird";

export default function Page() {
  return <CarrierBird />;
}

Built with

A free React illustration in the Characters collection, written in TypeScript with Tailwind CSS on coss ui. MIT licensed.

coss ui: button
npm: lucide-react, motion

Props

Read from the Carrier Bird source. Everything is optional unless it says required.

Prop	Type	Default
recipient	string	"Mira"
hue	CarrierBirdHue	"sky"
onSend	() => void	—
className	string	—

More in Characters

255

Desk Bot

A little desk robot that follows your cursor with glowing eyes, perks its antenna when you come close, and nods off after a few quiet seconds until you tap it awake.

256

Keyboard Cat

Loading art with a cat loafing on a laptop: its paws knead the keys so they light up while code types out and the progress bar fills, then it stretches and hops off when the job is done.

257

Night Owl

An owl on a branch that follows your cursor and tilts its head at you. Wide awake under the moon in dark mode, heavy-lidded and snoozing in light mode.