Atomize

<p align="center"> <a href="http://atomizecode.com"> <img width="110px" style="margin-right: 20px" src="https://firebasestorage.googleapis.com/v0/b/pawan-dev.appspot.com/o/logo.svg?alt=media"> </a> </p> <h1 align="center">Atomize Code</h1> <div align="center">

UI Design System for React JS

</div>

Features

• UI design system for web apps.
• Elegant and beautiful React components

Environment Support

• Modern browsers and Internet Explorer 9+
• Server-side Rendering
• Electron

<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /></br>IE / Edge	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /></br>Opera	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" /></br>Electron
IE9, IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Install

bashCopy
npm install atomize react-transition-group

bashCopy
yarn add atomize react-transition-group

Usage

jsxCopy
import { Button } from "atomize";
ReactDOM.render(<Button />, mountNode);

Links

• Home page
• Getting Started
• Showcase
• Contributing
• Theme Setup
• Atoms
• Molecules
• Functions

Examples

• Search Box
• Star Rating
• Login Form
• Payment Card
• Pokedex | Repository

Development

To clone locally:

bashCopy
$ git clone git@github.com:Proksh/atomize.git
$ cd atomize
$ npm install // or yarn
$ npm start

Open your browser and visit http://localhost:8080

Contributing

Read our contributing guide and let's build a better atomize together.