Free #
For trying Illos on a real page.
$0forever
- Every spot illustration, in every theme
- React component or plain SVG
- New spots as themes grow
Animated illustrations for your product site, and skills that teach any coding agent to make new ones in the same style.
Sponsored byTracwell
Ask Claude, Cursor or any other coding agent for an illustration and you get a good one. Ask again tomorrow and you get a different hand. Illustrations used to be made one at a time in Figma, then animated in Jitter or Rive. Agents make them in seconds, but nothing teaches them your style.
YouDraw an Isometric spot for our webhooks page. Just draw it.
I drew the webhook spot as an isometric machine.
I picked the concept myself, since you said to just draw it.
A sender with a button stands at the end of a rail that runs into a receiver.
The button presses. The payload slides down the rail into the receiver's slot. The receiver's light flashes and a new payload fades in at the sender.
I looked at the contact sheet. The machine reads at 240 px, the frames either side of the seam match, and the reduced-motion frame matches the start.
The checker ends with "all checks passed" and no warnings.
I didn't do the hand-over step (the React component or inline snippet).
Each one explains one idea and plays as it comes into view. The small ones, spots, are free.
$ npx shadcn@latest add
https://illos.dev/r/line-iso/queue.json
Added components/illos/queue.tsx
// then, in any page
import { IllosQueue } from "@/components/illos/queue";
<IllosQueue />
This adds the illustration to your project as a React component. Or press Copy on its page for the SVG.
YouDraw a spot for our webhooks page.
The skills teach any coding agent a theme's rules, so the illustrations it makes for your product match the library. Claude Code, Cursor, Codex and the rest. Comes with Pro.
For a whole product site, and an agent that makes more in your style.
$49 For a team that ships product pages together, up to 10 people.
$249one payment The smallest size: one idea, about card size. Spots are free. Sections and page heroes are larger and come with Pro.
No. Open one, press Copy or Download, and it is yours to use.
No. Pro covers every theme in the library, including the ones released during your update year.
You keep everything you have and can keep using it. Renewing adds another year of new illustrations and toolkit updates.
Any coding agent that can read files and run commands. Claude Code reads the skills directly, Cursor gets a rule for each one, and Codex, Windsurf and the rest follow the same files.
No: every sale is final, because Pro gives you the files and the skills straight away. Try the free spots first, they need no account. If you were charged twice or your licence never arrived, write to hello@illos.dev and we will put it right.
By card, through Dodo Payments. Get all access opens a secure checkout, and your license arrives at the email you pay with.
See who visits your site and what brings them back, with visitor insights from Tracwell
Looking for a good UI library? Polished React components and blocks from beUI
Want your product here? Become a sponsor