react-undraw-illustrations

2.0.3 • Public • Published

React unDraw Components

MIT licensed illustrations by unDraw for your React projects

unDraw screenshot

  • SVGs from unDraw as customisable images in React.
  • It's an early version, only containing 10 illustrations, adding more as I get time - contributors welcome! *update - now 21!
  • available to try on npm
  • play with it in styleguidist

Project Usage

Install in your project: npm install react-undraw-illustrations --save

At the top of your React component, import the illustrations you want to use:

import {UndrawTabs, UndrawDesigner,UndrawResponsive } from 'react-undraw-illustrations';

Then use them, passing settings you like, e.g:

<UndrawDesigner skinColor="brown" hairColor="#222"/>


Check out how the components work:

styleguidist animation

Find out more about how this was made:

Read about it on CSS-Tricks 👉 How to Create a Component Library From SVG Illustrations css tricks article image

Package Sidebar

Install

npm i react-undraw-illustrations

Weekly Downloads

78

Version

2.0.3

License

MIT

Unpacked Size

35.9 MB

Total Files

2258

Last publish

Collaborators

  • prototypr
  • venablena