react-window-ui 🖼✨

Demo & Examples

Live demo: react-window-ui.coston.io

What

React components for fast presentational window ui.

Installation

npm install --save react-window-ui

Window UI

• Browser (Like Mac OS X window UI)
• Terminal (Like Hyper terminal)
• MacTerminal (Like Mac OS X terminal)

Input

import React from "react";
import { Browser } from "react-window-ui";

export default () => (
  <Browser>
    <h1>wow</h1>
  </Browser>
);

Options

| Prop | Type | Description | | ----------- | --------- | --------------------------------------------------------- | | topbarTitle | string | title of the topbar | | topbarTitleColor | string | color of topbar title | | barHeight | string | height of the topbar | | divider | string | css border values of topbar border-bottom | | padding | string | css padding of content widow | | topbarColor | string | color of topbar | | background | string | color of main content window | | border | string | css border values of outer border | | grayscale | boolean | sets ui button to greyscale instead of red, yellow, green | | boxShadow | string | customize box shadow styles |

Development

npm run build

Contributing

Please help make this react component better. Submit any issue and/or make a pull request!

To Do

• Write some good tests

License

Licensed under the GNU General Public License v3.0.