React Understudy is a lightweight library of placeholder components for building fast, flexible wireframes.
This is currently an experimental project. Check back soon for additional support and extensive component documentation.
Understudy is available as an npm package:
npm install --save react-understudy
yarn add react-understudy
Component | Description |
---|---|
Box | The basic understudy building block component |
Grid | A grid of Boxes that can be configured for sizing & responsiveness |
List | A basic unordered list that includes an optional number of lines |
Paragraph | A text block that randomly generates lines based on a range input |
BlogPost | A specified number of Paragraphs with an optional blog header image |
SideAds | A collection of Boxes for the Sidebar that replicates Google Adsense ad sizes |
IconBar | An array or a single icon component. Supports common UI icons and social media |
Import a placeholder component from react-understudy
:
import { BlogPost } from "react-understudy"
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.