Quran Components 
Quran Common Components are a set of React UI components. The aim is to promote a consistent and reusable component library.
Installation
NPM
npm install --save quran-components
YARN
yarn add quran-components
Usage
ES6
import React from 'React';
import { Button, Jumbotron } from 'quran-components';
const CustomBody = () => (
<div>
<Button />
<Jumbotron />
</div>
);Also to reduce file size, you can require individual components:
import React from 'React';
import Button from 'quran-components/lib/Button';
const MyButton = () => (
<div>
<Button />
</div>
);ES5
var React = require('react');
var component = require('quran-components');
var Button = component.Button;
var MyButton = React.createClass({
render: function() {
return (
<div>
<Button />
<div>
);
}
});