React Devices

A curated collection of devices as react components.
Getting Started
npm install react-devices
USAGE
Available Devices
- iPhone 4s
- iPhone 5s
- iPhone 5c
- iPhone 6
- Nexus 5
- lumia920
- Samsung S5
- htc-one
- Macbook
- iPad Mini
- Apple Watch
Available Colors
- Silver
- Black
- Gold
- White
- Red
- Yellow
- Green
- Blue
- Silver
- Yellow Gold (Only for apple watch)
- Rose Gold (Only for apple watch)
- Space Black (Only for apple watch)
- Stainless Steel (Only for apple watch)
- Space Gray (Only for apple watch)
Available Orientation
- landscape
- portrait
Available Sizes (Only for apple watch)
- 38mm
- 42mm
Some examples
;; { superprops; } { return <div> <IPhone model="iphone6" color="silver" landscape /> <Android model="s5" color="white" /> <IPad model="ipad" color="silver" landscape /> <MacBook model="macbook" /> <AppleWatch color="rose-gold" small/> </div> ; };
Issues
Please Open issue, describe bug, suggest solution
Contribution
Feel free to contribute fixes on any device or add your own to the list by creating a pull request.
To build for development
npm installnpm run build