Ink Crowd

A procedural canvas crowd for hero sections — tiny ink figures stroll through parallax lanes with hats, multicoloured umbrellas, and multicoloured balloons.

npx shadcn@latest add https://mellowui.com/r/ink-crowd.json

Playground

Market open / footfall study

Watch the room move.

Procedural ink figures drift through three parallax lanes — no sprite sheet, just canvas linework.

Installation

▸ Run the following command

npx shadcn@latest add https://www.mellowui.com/r/ink-crowd.json

▸ Or install manually

Copy the source from the Code tab above.
Place it at components/mellow/ink-crowd.tsx
Import and use.

API Reference

Prop	Type	Default	Description
count	number	26	How many figures are out walking.
speed	number	1	Walk speed multiplier.
accent	string	"oklch(0.65 0.25 250)"	Fill for the balloons and umbrella canopies — the one spot of colour.
className	string	—	Additional CSS classes.