diff --git a/.github/workflows/client.yml b/.github/workflows/client.yml
index 91c2a1c..a2c9fe2 100644
--- a/.github/workflows/client.yml
+++ b/.github/workflows/client.yml
@@ -29,6 +29,12 @@ jobs:
         with:
           command: build
           args: --release --all-features
+      - name: Wasm pack installation
+        uses: jetli/wasm-pack-action@v0.3.0
+        with:
+          version: 'latest'
+      - name: Wasm pack build
+        run: wasm-pack build --target web
   lints:
     name: Lints (fmt + clippy)
     runs-on: ubuntu-latest
diff --git a/.github/workflows/js-helpers.yml b/.github/workflows/js-helpers.yml
index dbb382e..0026bbf 100644
--- a/.github/workflows/js-helpers.yml
+++ b/.github/workflows/js-helpers.yml
@@ -29,6 +29,12 @@ jobs:
         with:
           command: build
           args: --release --all-features
+      - name: Wasm pack installation
+        uses: jetli/wasm-pack-action@v0.3.0
+        with:
+          version: 'latest'
+      - name: Wasm pack build
+        run: wasm-pack build --target web
   lints:
     name: Lints (fmt + clippy)
     runs-on: ubuntu-latest
diff --git a/.github/workflows/wallet.yml b/.github/workflows/wallet.yml
index b359361..38f12ad 100644
--- a/.github/workflows/wallet.yml
+++ b/.github/workflows/wallet.yml
@@ -29,6 +29,12 @@ jobs:
         with:
           command: build
           args: --release --all-features
+      - name: Wasm build
+        uses: jetli/wasm-pack-action@v0.3.0
+        with:
+          version: 'latest'
+      - name: Wasm pack build
+        run: wasm-pack build --target web
   lints:
     name: Lints (fmt + clippy)
     runs-on: ubuntu-latest
diff --git a/Cargo.toml b/Cargo.toml
index fa044a1..6c06b6c 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -22,4 +22,4 @@ debug = false
 debug-assertions = false
 
 [patch.crates-io]
-cosmos-sdk-proto = { git = "https://github.com/forbole/cosmos-rust", branch = "main"}
+cosmos-sdk-proto = { git = "https://github.com/forbole/cosmos-rust", branch = "grpc-web-clients-generation"}
diff --git a/modules/js-helpers/Cargo.toml b/modules/js-helpers/Cargo.toml
index 84308f8..56f4605 100644
--- a/modules/js-helpers/Cargo.toml
+++ b/modules/js-helpers/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "crw-js-helpers"
-version = "0.1.0"
+version = "0.1.1"
 authors = ["bragaz <leo.braga95@gmail.com"]
 edition = "2018"
 description = "Javascript helpers to interact with cosmos-rust-wallet"
diff --git a/modules/js-helpers/README.md b/modules/js-helpers/README.md
new file mode 100644
index 0000000..bff0c44
--- /dev/null
+++ b/modules/js-helpers/README.md
@@ -0,0 +1,25 @@
+## Testing
+
+This repository implements a set of small test crates.
+Running these tests requieres to [install](https://rustwasm.github.io/wasm-pack/installer/)
+`wasm-pack`.
+
+To run the tests run:
+
+```bash
+wasm-pack test --firefox --headless client-test
+```
+
+To test in chrome, run:
+
+```bash
+wasm-pack test --chrome --headless client-test
+```
+
+To test in safari, run:
+
+```bash
+wasm-pack test --safari --headless client-test
+```
+
+You can omit the `--headless` flag to let the test open a web browser page showing the tests' result.
\ No newline at end of file
diff --git a/modules/js-helpers/src/signer.rs b/modules/js-helpers/src/signer.rs
index 2ff1d51..0b063da 100644
--- a/modules/js-helpers/src/signer.rs
+++ b/modules/js-helpers/src/signer.rs
@@ -1,6 +1,6 @@
 use cosmos_sdk_proto::cosmos::tx::v1beta1::{BroadcastMode, Fee};
 use crw_client::{client::get_node_info, client::ChainClient};
-use crw_types::msg::{AnyWrapper, Msg};
+use crw_types::{any_wrapper::AnyWrapper, msg::Msg};
 use crw_wallet::{crypto::Wallet, crypto::WalletJs};
 use prost_types::Any;
 use wasm_bindgen::prelude::*;
@@ -19,9 +19,10 @@ pub async fn sign_and_send_msg(
     // convert all the js values to actual rust types
     let wallet_js: WalletJs = js_wallet.into_serde().unwrap();
     let wallet = Wallet::from(wallet_js);
-    let msg_wrapped: AnyWrapper = js_msg.into_serde().unwrap();
-    let msg: Msg = Msg(Any::from(msg_wrapped));
-    let fees: Fee = js_fees.into_serde().unwrap();
+    let wrapped_msg: AnyWrapper = js_msg.into_serde().unwrap();
+    let msg: Msg = Msg(Any::from(wrapped_msg));
+    let wrapped_fee: AnyWrapper = js_fees.into_serde().unwrap();
+    let fees: Fee = Fee::from(wrapped_fee);
 
     let response = get_node_info(lcd_addr.to_string())
         .await
@@ -68,6 +69,8 @@ pub fn import_wallet(mnemonic: &str, derivation_path: &str, hrp: &str) -> Result
             .into();
 
     Ok(JsValue::from_serde(&wallet).unwrap())
+
+
 }
 
 #[cfg(test)]
@@ -75,6 +78,7 @@ mod test {
     use crate::signer::import_wallet;
     use crw_wallet::crypto::WalletJs;
     use wasm_bindgen_test::*;
+    wasm_bindgen_test_configure!(run_in_browser);
 
     #[wasm_bindgen_test]
     async fn import_wallet_works() {
@@ -87,11 +91,12 @@ mod test {
         let wallet_js: WalletJs = js_wallet.into_serde().unwrap();
 
         assert_eq!(
-            wallet_js.bech32_address,
+            wallet_js.bech32_address.as_str(),
             "desmos1k8u92hx3k33a5vgppkyzq6m4frxx7ewnlkyjrh"
         );
+
         assert_eq!(
-            wallet_js.public_key,
+            wallet_js.public_key.as_str(),
             "02f5bf794ef934cb419bb9113f3a94c723ec6c2881a8d99eef851fd05b61ad698d"
         )
     }
diff --git a/packages/crw-client/Cargo.toml b/packages/crw-client/Cargo.toml
index d601ee1..141b6a9 100644
--- a/packages/crw-client/Cargo.toml
+++ b/packages/crw-client/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "crw-client"
-version = "0.1.0"
+version = "0.1.1"
 authors = ["bragaz <leo.braga95@gmail.com"]
 edition = "2018"
 description = "Client package of cosmos-rust-wallet to broadcast tx and query data from a cosmos based blockchain"
@@ -14,10 +14,9 @@ crate-type = ["cdylib", "lib"]
 [dependencies]
 cosmos-sdk-proto = { version = "0.3.0"}
 prost = { version = "0.7.0"}
-reqwest = { version = "0.11.0", features = ["blocking", "json"]}
+reqwest = { version = "0.11.0", features = ["json"] }
 serde = { version = "1.0", features = ["derive"] }
 serde_json = { version = "1.0.62" }
-tonic = { version = "0.4.1"}
 crw-types = { path = "../../packages/crw-types", version = "0.1.0" }
 wasm-bindgen = { version = "0.2.70", features = ["serde-serialize"]}
 wasm-bindgen-futures = { version = "0.4.21"}
diff --git a/packages/crw-client/src/client.rs b/packages/crw-client/src/client.rs
index 02c1613..33575c5 100644
--- a/packages/crw-client/src/client.rs
+++ b/packages/crw-client/src/client.rs
@@ -1,14 +1,13 @@
 //! This file contains all the methods to fetch useful data from a cosmos-sdk-based chain
 
 use cosmos_sdk_proto::cosmos::{
-    auth::v1beta1::{query_client::QueryClient, BaseAccount, QueryAccountRequest},
+    auth::v1beta1::{query_client::Query, BaseAccount, QueryAccountRequest},
     base::abci::v1beta1::TxResponse,
-    tx::v1beta1::{service_client::ServiceClient, BroadcastMode, BroadcastTxRequest},
+    tx::v1beta1::{service_client::Service, BroadcastMode, BroadcastTxRequest},
 };
 use crw_types::error::Error;
 use reqwest::{get, StatusCode};
 use serde::{Deserialize, Serialize};
-use tonic::{codegen::http::Uri, transport::Channel, Request};
 
 #[derive(Clone, Serialize, Deserialize)]
 /// Response of /node_info query
@@ -42,25 +41,17 @@ impl ChainClient {
 
     /// Returns the account data associated with the given address
     pub async fn get_account_data(&self, address: String) -> Result<BaseAccount, Error> {
-        // TODO move this externally to create it one time only
-        // Create channel connection to the gRPC server
-        let channel = Channel::builder(self.grpc_addr.parse::<Uri>().unwrap())
-            .connect()
-            .await
-            .map_err(|err| Error::Grpc(err.to_string()))?;
-
         // Create gRPC query auth client from channel
-        let mut client = QueryClient::new(channel);
+        let client = Query::new(self.grpc_addr.clone());
 
         // Build a new request
-        let request = Request::new(QueryAccountRequest { address });
+        let request = QueryAccountRequest { address };
 
         // Send request and wait for response
         let response = client
             .account(request)
             .await
-            .map_err(|err| Error::Grpc(err.to_string()))?
-            .into_inner();
+            .map_err(|err| Error::Grpc(err.to_string()))?;
 
         // Decode response body into BaseAccount
         let base_account: BaseAccount =
@@ -76,14 +67,8 @@ impl ChainClient {
         tx_bytes: Vec<u8>,
         broadcast_mode: BroadcastMode,
     ) -> Result<TxResponse, Error> {
-        // Create channel connection to the gRPC server
-        let channel = Channel::builder(self.grpc_addr.parse::<Uri>().unwrap())
-            .connect()
-            .await
-            .map_err(|err| Error::Grpc(err.to_string()))?;
-
         // Create gRPC tx client from channel
-        let mut tx_client = ServiceClient::new(channel);
+        let tx_client = Service::new(self.grpc_addr.clone());
 
         let mode = match broadcast_mode {
             BroadcastMode::Unspecified => 0,
@@ -92,13 +77,12 @@ impl ChainClient {
             BroadcastMode::Async => 3,
         };
 
-        let request = Request::new(BroadcastTxRequest { tx_bytes, mode });
+        let request = BroadcastTxRequest { tx_bytes, mode };
 
         let tx_response = tx_client
             .broadcast_tx(request)
             .await
             .map_err(|err| Error::Grpc(err.to_string()))?
-            .into_inner()
             .tx_response
             .unwrap();
 
diff --git a/packages/crw-types/Cargo.toml b/packages/crw-types/Cargo.toml
index 7a07183..f5608e6 100644
--- a/packages/crw-types/Cargo.toml
+++ b/packages/crw-types/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "crw-types"
-version = "0.1.0"
+version = "0.1.1"
 authors = ["bragaz <leo.braga95@gmail.com"]
 edition = "2018"
 description = "Collection of types used by cosmos-rust-wallet packages and modules"
@@ -9,6 +9,7 @@ repository = "https://github.com/forbole/cosmos-rust-wallet"
 keywords = ["blockchain", "cosmos", "cosmos-rust-wallet"]
 
 [dependencies]
+cosmos-sdk-proto = { version = "0.3.0"}
 prost = { version = "0.7.0"}
 prost-types = {version = "0.7"}
 serde = { version = "1.0", features = ["derive"] }
diff --git a/packages/crw-types/src/any_wrapper.rs b/packages/crw-types/src/any_wrapper.rs
new file mode 100644
index 0000000..9561e6d
--- /dev/null
+++ b/packages/crw-types/src/any_wrapper.rs
@@ -0,0 +1,24 @@
+use cosmos_sdk_proto::cosmos::tx::v1beta1::Fee;
+use prost_types::Any;
+use serde::{Deserialize, Serialize};
+
+#[derive(Serialize, Deserialize)]
+pub struct AnyWrapper {
+    pub type_url: String,
+    pub value: Vec<u8>,
+}
+
+impl From<AnyWrapper> for Any {
+    fn from(any_wrap: AnyWrapper) -> Any {
+        Any {
+            type_url: any_wrap.type_url,
+            value: any_wrap.value,
+        }
+    }
+}
+
+impl From<AnyWrapper> for Fee {
+    fn from(any_wrap: AnyWrapper) -> Fee {
+        prost::Message::decode(any_wrap.value.as_slice()).unwrap()
+    }
+}
diff --git a/packages/crw-types/src/lib.rs b/packages/crw-types/src/lib.rs
index a968ed1..5abbe89 100644
--- a/packages/crw-types/src/lib.rs
+++ b/packages/crw-types/src/lib.rs
@@ -1,2 +1,3 @@
+pub mod any_wrapper;
 pub mod error;
 pub mod msg;
diff --git a/packages/crw-types/src/msg.rs b/packages/crw-types/src/msg.rs
index ed3e3f7..ba9542b 100644
--- a/packages/crw-types/src/msg.rs
+++ b/packages/crw-types/src/msg.rs
@@ -1,12 +1,5 @@
 //! Transaction Message representation
 use prost_types::Any;
-use serde::{Deserialize, Serialize};
-
-#[derive(Serialize, Deserialize)]
-pub struct AnyWrapper {
-    pub type_url: String,
-    pub value: Vec<u8>,
-}
 
 /// Transaction message wrapper
 pub struct Msg(pub Any);
@@ -31,12 +24,3 @@ impl From<Msg> for Any {
         msg.0
     }
 }
-
-impl From<AnyWrapper> for Any {
-    fn from(any_wrap: AnyWrapper) -> Any {
-        Any {
-            type_url: any_wrap.type_url,
-            value: any_wrap.value,
-        }
-    }
-}
diff --git a/packages/crw-wallet/Cargo.toml b/packages/crw-wallet/Cargo.toml
index 8d3cc5c..ff80f05 100644
--- a/packages/crw-wallet/Cargo.toml
+++ b/packages/crw-wallet/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "crw-wallet"
-version = "0.1.0"
+version = "0.1.1"
 authors = ["bragaz <leo.braga95@gmail.com"]
 edition = "2018"
 description = "Wallet package of cosmos-rust-wallet to create a wallet and sign txs of a cosmos-sdk based chain"
diff --git a/packages/crw-wallet/src/crypto.rs b/packages/crw-wallet/src/crypto.rs
index f0b042c..62b67ee 100644
--- a/packages/crw-wallet/src/crypto.rs
+++ b/packages/crw-wallet/src/crypto.rs
@@ -26,8 +26,7 @@ use prost_types::Any;
 use ripemd160::Ripemd160;
 use serde::{Deserialize, Serialize};
 use sha2::{Digest, Sha256};
-use std::convert::TryFrom;
-use std::str::FromStr;
+use std::{convert::TryFrom, str::FromStr};
 
 /// Keychain contains a pair of Secp256k1 keys.
 pub struct Keychain {