React Devices

A curated collection of devices as react components.

Getting Started

npminstallreact-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

importReact,{PropTypes,Component}from'react';import{IPhone,Android,IPad,MacBook,AppleWatch}from'react-devices';exportdefaultclassAppextendsComponent{constructor(props){super(props);}render(){return(<div><IPhonemodel="iphone6"color="silver"landscape/><Androidmodel="s5"color="white"/><IPadmodel="ipad"color="silver"landscape/><MacBookmodel="macbook"/><AppleWatchcolor="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

npminstallnpmrunbuild