Design · Website
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.
What it's 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
- Topic
- Illustrations & Icons
- 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: A ready-made set of animated illustrations in a consistent style, so a product site can avoid the default AI-generated look.
Compare
Related
Free MIT-licensed icon library with four styles and two corner variants.
Open-source abstract shapes with grainy gradients for design and dev projects.
Free, open-source SVG icon library created by the Tailwind CSS team
Open-source icon library available across web frameworks, design tools, and SVG
Open-source icon system available for personal and commercial projects.
AI foundation models that generate, edit, and animate editable vector graphics
Updated