react-electronix v1.0.11

React ElectroniX

react-electronix is a library that provides components to simulate the appearance of devices like iPhones and Macbooks in a React application.

Installation

You can install react-electronix using npm:

npm install react-electronix

Usage

Mac component

The Mac component simulates the appearance of a Macbook. It accepts the following props:

Here's an example usage of the Mac component:

import { Mac } from 'react-electronix';

function App() {
  return (
    <Mac open={true} width={800} animateOpen={true} startup={true}>
      <h1>Hello, World!</h1>
    </Mac>
  );
}

Iphone component

The Iphone component simulates the appearance of an iPhone. It accepts the following props:

Here's an example usage of the Iphone component:

import { Iphone } from 'react-electronix';

function App() {
  return (
    <Iphone width={400}>
      <h1>Hello, World!</h1>
    </Iphone>
  );
}

License

This library is licensed under the MIT License.