diff --git a/README.br.md b/README.br.md
new file mode 100644
index 0000000..414af30
--- /dev/null
+++ b/README.br.md
@@ -0,0 +1,338 @@
+# react-native-animatable
+
+Transições declarativas e animações para React Native
+
+[](https://travis-ci.org/oblador/react-native-animatable) [](https://npmjs.com/package/react-native-animatable) [](https://npmjs.com/package/react-native-animatable)
+
+## Traduções
+- [English](README.md)
+
+## Instalação
+
+`$ npm install react-native-animatable --save`
+
+## Uso
+
+Para animar as coisas você deve usar o compositor `createAnimatableComponent` similar ao `Animated.createAnimatedComponent`. Os componentes comuns `View`, `Text` e `Image` são pré-compostos e expostos sob o namespace `Animatable`. Se você tiver seu próprio componente que deseja animar, simplesmente envolva-o com um `Animatable.View` ou componha-o com:
+
+```js
+import * as Animatable from 'react-native-animatable';
+MyCustomComponent = Animatable.createAnimatableComponent(MyCustomComponent);
+```
+
+### Uso declarado
+
+#### Animações
+
+```html
+Aumente o zoom, Scotty
+```
+
+#### Looping
+
+Para fazer animações em loop simplesmente defina `iterationCount` como `infinite`. A maioria das animações, exceto as que buscam atenção, funcionam melhor ao definir `direction` como `alternate`.
+
+```html
+Para cima e para baixo você vai
+❤️
+```
+
+
+
+#### Transições genéricas
+
+Você pode criar suas próprias transições simples de uma propriedade de estilo de sua própria escolha. O exemplo a seguir aumentará o tamanho da fonte em 5 para cada torneira - todos animados, todos declarativos! Se você não fornece um `duration` Propriedade, uma animação de salto será usada.
+
+*Nota: se você estiver usando cores, use `rgba()` sintaxe.*
+
+*Nota: as transições exigem `StyleSheet.flatten` Disponível no React Native 0.15 ou posterior. Se você estiver funcionando com qualquer coisa mais baixa, por favor, polirilie-se conforme descrito sob uso imperativo.*
+
+
+```html
+ this.setState({fontSize: (this.state.fontSize || 10) + 5 })}>
+ Me amplie, Scotty
+
+```
+
+#### Properties
+*Nota: Outras propriedades serão transmitidas para o componente subjacente.*
+
+|Prop |Descrição |Padrão |
+|---|---|---|
+|**`animation`**| Nome da animação, veja abaixo as animações disponíveis.|*Nenhum*|
+|**`duration`**| Por quanto tempo a animação será executada (milissegundos). |`1000`|
+|**`delay`**| Opcionalmente atrasar a animação (milissegundos). |`0`|
+|**`direction`**|Direção da animação, especialmente útil para repetir animações.Valores válidos: `normal`, `reverse`, `alternate`, `alternate-reverse`. |`normal`|
+|**`easing`**|Função de tempo para a animação. Valores válidos: função personalizada ou `linear`, `ease`, `ease-in`, `ease-out`, `ease-in-out`, `ease-in-cubic`, `ease-out-cubic`, `ease-in-out-cubic`, `ease-in-circ`, `ease-out-circ`, `ease-in-out-circ`, `ease-in-expo`, `ease-out-expo`, `ease-in-out-expo`, `ease-in-quad`, `ease-out-quad`, `ease-in-out-quad`, `ease-in-quart`, `ease-out-quart`, `ease-in-out-quart`, `ease-in-quint`, `ease-out-quint`, `ease-in-out-quint`, `ease-in-sine`, `ease-out-sine`, `ease-in-out-sine`, `ease-in-back`, `ease-out-back`, `ease-in-out-back`. |`ease`|
+|**`iterationCount`**|Quantas vezes executa a animação, use `infinite` para animações em loop. |`1`|
+|**`iterationDelay`**|Quanto tempo é a pausa entre iterações de animação (milissegundos). |`0`|
+|**`transition`**|Qual estilo é proprio para `style` usar na transição, por exemplo `opacity`, `rotate` ou `fontSize`. Use a matriz para várias propriedades.|*Nenhum*|
+|**`onAnimationBegin`**|Uma função chamada quando a animação foi iniciada.|*Nenhum*|
+|**`onAnimationEnd`**|Uma função chamada quando a animação foi concluída com sucesso ou cancelada. A função é chamada com um `endState` argumento, consulte `endState.finished` Para ver se a animação foi concluída ou não.|*Nenhum*|
+|**`onTransitionBegin`**|Uma função que é chamada quando a transição de um estilo foi iniciada.A função é chamada com um argumento de "propriedade" para diferenciar entre estilos.|*Nenhum*|
+|**`onTransitionEnd`**|Uma função chamada quando a transição de um estilo foi concluída com sucesso ou cancelada.A função é chamada com um `property` argumento para diferenciar entre estilos.|*Nenhum*|
+|**`useNativeDriver`**|Se deve usar o driver de animação nativo ou JavaScript. O driver nativo pode ajudar no desempenho, mas não pode lidar com todos os tipos de estilo. |`false`|
+|**`isInteraction`**|Se essa animação cria ou não um "identificador de interação" no interactionManager. |`false` se `iterationCount` é menor ou igual a um |
+
+### Uso imperativo
+
+
+#### Animações
+
+Todas as animações são expostas como funções em elementos animados, eles assumem um argumento opcional de `duração '.Eles retornam uma promessa resolvida quando a animação é concluída com êxito ou é cancelada.
+
+```js
+import * as Animatable from 'react-native-animatable';
+
+class ExampleView extends Component {
+ handleViewRef = ref => this.view = ref;
+
+ bounce = () => this.view.bounce(800).then(endState => console.log(endState.finished ? 'bounce finished' : 'bounce cancelled'));
+
+ render() {
+ return (
+
+
+ Bounce me!
+
+
+ );
+ }
+}
+```
+
+Para parar qualquer animações em andamento, basta invocar `stopAnimation()` nesse elemento.
+
+Você também pode animar imperativamente usando o `animate()` Função no elemento para animações personalizadas, por exemplo:
+```
+this.view.animate({ 0: { opacity: 0 }, 1: { opacity: 1 } });
+```
+
+#### Generic transitions
+
+##### `transition(fromValues, toValues[[, duration], easing])`
+
+A transição entre eles tem estilo. Se não `duration` ou `easing` é passado uma animação de salto para ser usada.
+
+##### `transitionTo(toValues[[, duration], easing])`
+
+Esta função tentará determinar os estilos atuais e passará a `transition()` como `fromValues`.
+
+```js
+import * as Animatable from 'react-native-animatable';
+
+class ExampleView extends Component {
+ handleTextRef = ref => this.text = ref;
+
+ render() {
+ return (
+ this.text.transitionTo({ opacity: 0.2 })}>
+ Faça me desaparecer!
+
+ );
+ }
+}
+```
+
+## Animações personalizadas
+
+As animações podem ser referidas por um nome global ou um objeto de definição.
+
+### Esquema de definição de animação
+
+Uma definição de animação é um objeto simples que contém um opcional `easing` propriedade, uma opção `style` propriedade para estilos estáticos não animados (úteis para `perspective`, `backfaceVisibility`, `zIndex` etc) e uma lista de quadros -chave.Os quadros -chave são referidos por um número entre 0 e 1 ou `from` e `to`. Inspecione a fonte no `definitions`, uma Pasta para ver mais exemplos de profundidade.
+
+Um desbotamento simples na animação:
+
+```js
+const fadeIn = {
+ from: {
+ opacity: 0,
+ },
+ to: {
+ opacity: 1,
+ },
+};
+```
+```html
+Me faça desaparecer
+```
+
+Combinando vários estilos para criar uma animação de zoom:
+
+```js
+const zoomOut = {
+ 0: {
+ opacity: 1,
+ scale: 1,
+ },
+ 0.5: {
+ opacity: 1,
+ scale: 0.3,
+ },
+ 1: {
+ opacity: 0,
+ scale: 0,
+ },
+};
+```
+```html
+Me amplie
+```
+
+Para disponibilizar suas animações globalmente, referindo-se a eles por um nome, você pode registrá-las como `initializeRegistryWithDefinitions`. Essa função também pode ser usada para substituir as animações incorporadas, caso você queira ajustar algum valor.
+
+```js
+Animatable.initializeRegistryWithDefinitions({
+ myFancyAnimation: {
+ from: { ... },
+ to: { ... },
+ }
+});
+```
+
+## Conversa sobre o React na Europe
+
+[](https://www.youtube.com/watch?v=3SITFIGz4xo)
+
+A palestra é sobre __*Uma nova abordagem para animações declarativas no React Native*__ do React Europe 2017 sobre esta biblioteca e animações/transições em geral e está [Disponível no YouTube](https://www.youtube.com/watch?v=3SITFIGz4xo).
+
+## `MakeItRain` example
+
+See [`Examples/MakeItRain`](https://github.com/oblador/react-native-animatable/tree/master/Examples/MakeItRain) Pasta para o projeto de exemplo da palestra.
+
+[](https://github.com/oblador/react-native-animatable/tree/master/Examples/MakeItRain)
+
+
+## exemplo `AnimatableExplorer`
+
+Ver [`Examples/AnimatableExplorer`](https://github.com/oblador/react-native-animatable/tree/master/Examples/AnimatableExplorer) Pasta para um exemplo de projeto de demonstração de projetos disponíveis para fora da caixa e muito mais.
+
+
+
+## Animações
+
+Animações são fortemente inspiradas por [Animated.css](https://daneden.github.io/animate.css/).
+
+### Buscando atenção
+
+
+
+* `bounce`
+* `flash`
+* `jello`
+* `pulse`
+* `rotate`
+* `rubberBand`
+* `shake`
+* `swing`
+* `tada`
+* `wobble`
+
+### Entradas saltitantes
+
+
+
+* `bounceIn`
+* `bounceInDown`
+* `bounceInUp`
+* `bounceInLeft`
+* `bounceInRight`
+
+### Saídas saltitantes
+
+
+
+* `bounceOut`
+* `bounceOutDown`
+* `bounceOutUp`
+* `bounceOutLeft`
+* `bounceOutRight`
+
+### Entradas que somem
+
+
+
+* `fadeIn`
+* `fadeInDown`
+* `fadeInDownBig`
+* `fadeInUp`
+* `fadeInUpBig`
+* `fadeInLeft`
+* `fadeInLeftBig`
+* `fadeInRight`
+* `fadeInRightBig`
+
+### Saídas que somem
+
+
+
+* `fadeOut`
+* `fadeOutDown`
+* `fadeOutDownBig`
+* `fadeOutUp`
+* `fadeOutUpBig`
+* `fadeOutLeft`
+* `fadeOutLeftBig`
+* `fadeOutRight`
+* `fadeOutRightBig`
+
+### Surfantes
+
+
+
+* `flipInX`
+* `flipInY`
+* `flipOutX`
+* `flipOutY`
+
+### Velocidade da luz
+
+
+
+* `lightSpeedIn`
+* `lightSpeedOut`
+
+### Entradas deslizantes
+
+
+
+* `slideInDown`
+* `slideInUp`
+* `slideInLeft`
+* `slideInRight`
+
+### Saídas deslizantes
+
+
+
+* `slideOutDown`
+* `slideOutUp`
+* `slideOutLeft`
+* `slideOutRight`
+
+### Entradas de ampliação
+
+
+
+* `zoomIn`
+* `zoomInDown`
+* `zoomInUp`
+* `zoomInLeft`
+* `zoomInRight`
+
+### Saidas de ampliação
+
+
+
+* `zoomOut`
+* `zoomOutDown`
+* `zoomOutUp`
+* `zoomOutLeft`
+* `zoomOutRight`
+
+## [Changelog](https://github.com/oblador/react-native-animatable/releases)
+
+## licença
+
+[MIT License](http://opensource.org/licenses/mit-license.html). © Joel Arvidsson 2015
diff --git a/README.md b/README.md
index 6ae6fd9..33a85da 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,12 @@
# react-native-animatable
+
Declarative transitions and animations for React Native
[](https://travis-ci.org/oblador/react-native-animatable) [](https://npmjs.com/package/react-native-animatable) [](https://npmjs.com/package/react-native-animatable)
+## Translation
+- [Portuguese](README.br.md)
+
## Installation
`$ npm install react-native-animatable --save`