knowankit
diff --git a/‎.gitignore
+2-1 b/‎.gitignore
+2-1
diff --git a/‎README.md
+29-8 b/‎README.md
+29-8
diff --git a/‎package-lock.json
+13 b/‎package-lock.json
+13
diff --git a/‎package.json
+25 b/‎package.json
+25
diff --git a/‎pvt/sass/button/_2d-animation.scss renamed to ‎source/sass/button/_2d-animation.scss b/‎pvt/sass/button/_2d-animation.scss renamed to ‎source/sass/button/_2d-animation.scss
diff --git a/‎pvt/sass/button/_fill.scss renamed to ‎source/sass/button/_fill.scss b/‎pvt/sass/button/_fill.scss renamed to ‎source/sass/button/_fill.scss
diff --git a/‎pvt/sass/button/_shadow-glow.scss renamed to ‎source/sass/button/_shadow-glow.scss b/‎pvt/sass/button/_shadow-glow.scss renamed to ‎source/sass/button/_shadow-glow.scss
diff --git a/‎pvt/sass/button/_underline.scss renamed to ‎source/sass/button/_underline.scss b/‎pvt/sass/button/_underline.scss renamed to ‎source/sass/button/_underline.scss
diff --git a/‎pvt/sass/components.css renamed to ‎source/sass/components.css b/‎pvt/sass/components.css renamed to ‎source/sass/components.css
diff --git a/‎pvt/sass/components.css.map renamed to ‎source/sass/components.css.map b/‎pvt/sass/components.css.map renamed to ‎source/sass/components.css.map
diff --git a/‎pvt/sass/components.scss renamed to ‎source/sass/components.scss b/‎pvt/sass/components.scss renamed to ‎source/sass/components.scss
diff --git a/‎pvt/sass/util/_starter.scss renamed to ‎source/sass/util/_starter.scss b/‎pvt/sass/util/_starter.scss renamed to ‎source/sass/util/_starter.scss
@@ -1,3 +1,4 @@
 # /sass/button/
 # /sass/util/
-# /pvt
+# /pvt
+/node_modules
@@ -1,12 +1,33 @@
-# hoveron by (https://knowankit.com)
-A css file to create basic button animation transition.
+# Hover-on.css
+Pure css button animation
 
-## Demo
+`hover-on.css` has creative animations and transitions for your projects. It's great to make your buttons look awesome.
 
-[Click here](https://hover-on.netlify.com/)
+## Installation
+Install via npm:
 
-### Upcoming
+`$ npm install hover-on`
 
-* CDN Link for the buttons
-* Component based button to make it easier to implement
-* New designs
+## Usage
+To use hover-on.css in your website, just add the stylesheet into your document's `<head>`, add the appropriate class to the button. That's it! You've got a animated button. Cool!
+
+```html
+<head>
+    <link rel="stylesheet" href="hover-on.min.css">
+</head>
+```
+or use a CDN hosted version by [CDNJS](htttps://knowankit.com)
+
+```html
+<head>
+  <link rel="stylesheet" href="https://hover-on.min.css">
+</head>
+```
+
+## Animations
+
+| Class Name    |               |       |
+| ------------- |:-------------:| -----:|
+|               |               |       |
+|               |               |       |
+|               |               |       |
@@ -0,0 +1,25 @@
+{
+  "name": "hover-on",
+  "version": "1.0.0",
+  "description": "A file containing basics of button animation",
+  "main": "components.css",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/knowankit/hoveron.git"
+  },
+  "keywords": [
+    "buttons",
+    "animations",
+    "hover-animation",
+    "button-animation"
+  ],
+  "author": "Ankit",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/knowankit/hoveron/issues"
+  },
+  "homepage": "https://knowankit.com"
+}