undraw

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

The undraw package is a Flutter library that provides access to a collection of open-source illustrations created by Katerina Limpitsouni. Developed by westdabestdb, it enables developers to easily integrate high-quality, customizable SVG illustrations into their Flutter applications. The package simplifies the inclusion of visually appealing graphics without requiring external assets or complex setup. It's ideal for enhancing user interfaces with expressive, modern visuals across various app contexts.

Use cases

Adding decorative illustrations to onboarding screens
Enhancing empty states with engaging visuals
Improving UI design in dashboards and apps
Creating consistent branding through themed illustrations
Supporting multilingual apps with universal imagery

Key features

Pre-designed open-source SVG illustrations
Easy integration via Flutter pub
Lightweight and optimized for performance
Customizable colors and sizes
No external dependencies required

Suitable for

UI designers seeking ready-made graphics
Developers building lightweight apps
Startups needing cost-effective design assets
Educational and productivity applications
Apps targeting global audiences

Considerations

Limited to SVG format only
Illustrations are static (no animations)
Requires internet for initial asset download
Not all illustrations may suit every brand tone
No built-in animation support

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

undraw/UnDraw

UnDraw is a Flutter widget that provides 700+ illustrations, designed by Katerina Limpitsouni and developed by westdabestdb.

Getting Started

Add this to your package's pubspec.yaml file:

...
dependencies:
  undraw: ^1.0.2

Now in your Dart code, you can use:

import 'package:undraw/undraw.dart';

Usage

UnDraw(
  color: Colors.red,
  illustration: UnDrawIllustration.mobile_application,
  placeholder: Text("Illustration is loading..."), //optional, default is the CircularProgressIndicator().
  errorWidget: Icon(Icons.error_outline, color: Colors.red, size: 50), //optional, default is the Text('Could not load illustration!').
)

Search packages, repositories and app categories

Install package