diff --git a/README.md b/README.md
index 3f3c313..41045fe 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,97 @@
-# rn-glitch-effect
\ No newline at end of file
+# rn-glitch-effect
+
+# Welcome to Glitch Effect :wave:
+
+![glitch](https://user-images.githubusercontent.com/49838612/108607032-a1b4b880-739c-11eb-90c3-7789339e2f3c.gif)
+
+## What is React native Glitch Effect?
+
+- Is a simple way to use attribute a glitch effect to your text
+
+## Instalation
+
+```javascript
+ npm i rn-glitch-effect
+```
+# Properties
+| props | description | default value | |
+| ------------------- | ------------------- | ------------------- | ------------------- |
+| text | Your text label that's going to be displayed. | empty | String|
+| glitchHeight | The height that you want your glitch effect will have. | 80 | Integer|
+| glitchAmplitude | The amplitude of your glitch. In other words, how far your effect will be from the main text. | 5 | Integer|
+| glitchDuration | The duration of your glitch effect. | 1500 | Milisseconds|
+| repeatDelay | How long time your effect will wait, to start another turn of effect. | 2000 | Milisseconds|
+| shadowColor | The shadow color of your effect. | #add8e6 | rgb|
+| textStyle | The style that you want to give to your text. | {color: '#000000',fontWeight: 'bold',letterSpacing: 3,} | Object|
+| heightInputRange | The input range to the interpolation of main animation. With this you can control each part of your effect height. | [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100] | array|
+| positionYInputRange | The input range to the interpolation of main animation. With this you can control each part of your effect position. | [0, 10, 20, 30, 60, 65, 70, 80, 90, 100] | array|
+| outOfTextRange | Will make your effect get out of the range from your text | false | Boolean|
+| disableAutoAnimation | enable or disabled your animation | false | Boolean|
+
+# Usage
+
+Basic Glitch
+- You can use this with or without the View container
+```javascript
+import React from 'react';
+import {View, StyleSheet} from 'react-native';
+import {Glitch} from 'rn-glitch-effect';
+const App = () => {
+
+ return (
+
+
+
+ );
+};
+const styles = StyleSheet.create({
+ containerWithBg: {backgroundColor: 'red', marginBottom: '5%'},
+});
+export default App;
+
+```
+Glitch with Button
+- You can use this with a button wrapping your text and define if it will activate the glitch when clicked
+
+```javascript
+import React, {useRef} from 'react';
+import {TouchableHighlight, StyleSheet} from 'react-native';
+import {Glitch} from 'rn-glitch-effect';
+const App = () => {
+ const ref = useRef();
+ return (
+
+ {
+ ref.current.animate();
+ }}
+ style={[styles.containerWithBg]}>
+
+
+
+ );
+};
+const styles = StyleSheet.create({
+ container: {flex: 1, justifyContent: 'center', alignItems: 'center'},
+ containerWithBg: {backgroundColor: 'red', marginBottom: '5%'},
+});
+export default App;
+
+```
+
+# End of the line :)
+
+If you have any ideia to contribute with this project, please make your self home.
+
+
+