kc-react-widgets

KC React Widgets is a suite of pre-styled react widgets.

The widgets have a noticeable "3D", skeumorphic appearance, and are good for bold call-to-action widgets, such as "launch buttons".

Demo

View demo of all widgets

Installation

npm install --save kc-react-widgets   # using NPM 
yarn add kc-react-widgets             # using yarn 

Example use

import React, {Component} from 'react';
import {Button} from 'kc-react-widgets';
 
class App extends Component {
  render() {
    return (
      <div className="App">
        <Button onClick={() => console.log('Hello world!')}>
          Click me!
        </Button>
      </div>
    );
  }
}

Widgets available

All widgets can be customized based on shape, color, 3D perspective depth.

• Button
  • Can also be used as a toggle (checkbox)
• Input
• Modal
• Card
• Dropdown

License

kc-react-widget is licensed under the MIT license.

Contributions

Pull requests are welcome!