# Illos.dev

> Animated illustrations for product sites and style skills for coding agents

Illos.dev is a curated library of animated SVG illustrations designed to represent tech and product concepts across Isometric, Shader, and HUD themes. In addition to ready-to-use React components, its Pro tier provides skill prompt files and toolkits that teach AI coding agents (such as Claude Code or Cursor) to generate matching illustrations in the exact same visual style without drift.

Website: https://illos.dev/

## What it is for

- Add animated visual explanations to developer tools and SaaS landing pages
- Install animated spot illustrations into React projects using the shadcn CLI
- Train coding agents like Claude Code or Cursor to generate cohesive SVGs matching your site's style
- Support accessible websites with built-in prefers-reduced-motion fallback frames

## Features

- Curated collection of 85+ animated illustrations organized by themes (Isometric, Shader, HUD)
- Free spot-sized illustrations available without creating an account
- Agent skills package to enforce consistent styling across AI-generated SVG art
- Direct installation into React and Next.js via shadcn CLI or raw SVG export
- Automatic dark and light theme support alongside prefers-reduced-motion compliance
- Validation checker ensuring seamless looping and correct sizing constraints

## Pricing

Freemium. Free spots tier; Individual Pro at $49 one-time (introductory price); Team Pro at $249 one-time

## Details

- Type: Website
- Category: [Design](https://xiry.app/topics/design.md)
- Open source: no
- Platforms: Web, Code library
- For: Web developers, SaaS founders, and UI designers using AI coding assistants
- Alternative to: unDraw, Storyset, LottieFiles
- Tags: illustrations, animations, svg, react, ai agents, shadcn, developer tools

## Why it was saved

- [@Navedux, 23 October 2026](https://x.com/Navedux/status/2113681002098995525): A ready-made set of animated illustrations in a consistent style, so a product site can avoid the default AI-generated look.

## Compare

- [Alternatives to LottieFiles](https://xiry.app/alternatives/lottiefiles.md)
- [Alternatives to unDraw](https://xiry.app/alternatives/undraw.md)

## Related

- [Keyline Icons](https://xiry.app/resources/keyline-icons): Free MIT-licensed icon library with four styles and two corner variants. (Website, Free)
- [coolshapes](https://xiry.app/resources/coolshapes): Open-source abstract shapes with grainy gradients for design and dev projects. (Website, Free)
- [Heroicons](https://xiry.app/resources/heroicons): Free, open-source SVG icon library created by the Tailwind CSS team (Website, Free)
- [Iconoir](https://xiry.app/resources/iconoir): Open-source icon library available across web frameworks, design tools, and SVG (Website, Free)
- [Mage Icons](https://xiry.app/resources/mage-icons): Open-source icon system available for personal and commercial projects. (Website, Open source)
- [QuiverAI](https://xiry.app/resources/quiverai): AI foundation models that generate, edit, and animate editable vector graphics (Website, Freemium)

Updated 24 October 2026. Page: https://xiry.app/resources/illos-dev

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.