diff --git a/packages/fether-ui/src/AccountCard/AccountCard.js b/packages/fether-ui/src/AccountCard/AccountCard.js
index f569788d51fd1ea6d56aed268e1ed44a54e554d7..d68ec279c44eb60ff400354d792b5db607d9e02d 100644
--- a/packages/fether-ui/src/AccountCard/AccountCard.js
+++ b/packages/fether-ui/src/AccountCard/AccountCard.js
@@ -8,11 +8,11 @@ import PropTypes from 'prop-types';
 
 import Address from './Address';
 import Avatar from './Avatar';
-import Card from '../Card';
+import { Card } from '../Card';
 import Information from './Information';
 import Name from './Name';
 
-const AccountCard = ({ address, name, shortAddress, ...otherProps }) => (
+export const AccountCard = ({ address, name, shortAddress, ...otherProps }) => (
   <Card {...otherProps}>
     <div className='account'>
       <Avatar address={address} />
@@ -34,5 +34,3 @@ AccountCard.propTypes = {
   name: PropTypes.string,
   shortAddress: PropTypes.bool
 };
-
-export default AccountCard;
diff --git a/packages/fether-ui/src/AccountCard/Address/Address.js b/packages/fether-ui/src/AccountCard/Address/Address.js
index d1279565807a61f6376b7e89ed7481d170d0902d..9478364a9b5140de2a72b3b818e049ded9211408 100644
--- a/packages/fether-ui/src/AccountCard/Address/Address.js
+++ b/packages/fether-ui/src/AccountCard/Address/Address.js
@@ -6,8 +6,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import AddressShort from '../../AddressShort';
-import Placeholder from '../../Placeholder';
+import { AddressShort } from '../../AddressShort';
+import { Placeholder } from '../../Placeholder';
 
 const Address = ({ address, short, ...otherProps }) => (
   <div className='account_address' {...otherProps}>
diff --git a/packages/fether-ui/src/AccountCard/Avatar/Avatar.js b/packages/fether-ui/src/AccountCard/Avatar/Avatar.js
index 6b089966fa4ad061795c1ee0a5e00b2a27c48217..0bb991a6557dd1181c52d5f50ae0a80737d95fdb 100644
--- a/packages/fether-ui/src/AccountCard/Avatar/Avatar.js
+++ b/packages/fether-ui/src/AccountCard/Avatar/Avatar.js
@@ -7,7 +7,7 @@ import React from 'react';
 import Blockies from 'react-blockies';
 import PropTypes from 'prop-types';
 
-import Placeholder from '../../Placeholder';
+import { Placeholder } from '../../Placeholder';
 
 const Avatar = ({ address, ...otherProps }) => (
   <div className='account_avatar' {...otherProps}>
diff --git a/packages/fether-ui/src/AccountCard/Name/Name.js b/packages/fether-ui/src/AccountCard/Name/Name.js
index 6fec49b0dc842799aa3770835f167b366588debf..a829ed07abeb09c02ef8eccce5e69229a3044d8c 100644
--- a/packages/fether-ui/src/AccountCard/Name/Name.js
+++ b/packages/fether-ui/src/AccountCard/Name/Name.js
@@ -6,7 +6,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import Placeholder from '../../Placeholder';
+import { Placeholder } from '../../Placeholder';
 
 const Name = ({ name, ...otherProps }) => (
   <div className='account_name' {...otherProps}>
diff --git a/packages/fether-ui/src/AccountCard/index.js b/packages/fether-ui/src/AccountCard/index.js
index 82cb08c39e0662503c144fbbff6863b2deb5331e..509a607afe3a1863b3154980fe46f974d4453ce3 100644
--- a/packages/fether-ui/src/AccountCard/index.js
+++ b/packages/fether-ui/src/AccountCard/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import AccountCard from './AccountCard';
-
-export default AccountCard;
+export * from './AccountCard';
diff --git a/packages/fether-ui/src/AccountHeader/AccountHeader.js b/packages/fether-ui/src/AccountHeader/AccountHeader.js
index 9f60c356931199ee61c22edadf16fffa4825ebe8..d77ac6d88331274fc23086b72df304da3161b9a0 100644
--- a/packages/fether-ui/src/AccountHeader/AccountHeader.js
+++ b/packages/fether-ui/src/AccountHeader/AccountHeader.js
@@ -7,8 +7,8 @@ import React from 'react';
 import Blockies from 'react-blockies';
 import PropTypes from 'prop-types';
 
-import ClickToCopy from '../ClickToCopy';
-import Header from '../Header';
+import { ClickToCopy } from '../ClickToCopy';
+import { Header } from '../Header';
 
 const NormalContainer = ({ children }) => (
   <h1 className='account -header'>{children}</h1>
@@ -19,7 +19,12 @@ const CopyContainer = ({ address, children, ...otherProps }) => (
   </ClickToCopy>
 );
 
-const AccountHeader = ({ address, copyAddress, name, ...otherProps }) => {
+export const AccountHeader = ({
+  address,
+  copyAddress,
+  name,
+  ...otherProps
+}) => {
   const Container = copyAddress ? CopyContainer : NormalContainer;
 
   return (
@@ -45,5 +50,3 @@ AccountHeader.propTypes = {
   address: PropTypes.string,
   name: PropTypes.string
 };
-
-export default AccountHeader;
diff --git a/packages/fether-ui/src/AccountHeader/index.js b/packages/fether-ui/src/AccountHeader/index.js
index 6091361371bce0958d0e487ee6afb6ef7e999c7a..b24ac61cadfcc3a3e260ecdc6a215cfdbc0cf09d 100644
--- a/packages/fether-ui/src/AccountHeader/index.js
+++ b/packages/fether-ui/src/AccountHeader/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import AccountHeader from './AccountHeader';
-
-export default AccountHeader;
+export * from './AccountHeader';
diff --git a/packages/fether-ui/src/AddressShort/AddressShort.js b/packages/fether-ui/src/AddressShort/AddressShort.js
index f3f4bb8bbb65b980cd1dffc759785d3d7fd543bf..8fc363bb3376ec036bd13b6b487ef65e5374106b 100644
--- a/packages/fether-ui/src/AddressShort/AddressShort.js
+++ b/packages/fether-ui/src/AddressShort/AddressShort.js
@@ -6,7 +6,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const AddressShort = ({ address, as: T = 'span', ...otherProps }) => (
+export const AddressShort = ({ address, as: T = 'span', ...otherProps }) => (
   <T {...otherProps}>
     {address.slice(0, 6)}..{address.slice(-4)}
   </T>
@@ -15,5 +15,3 @@ const AddressShort = ({ address, as: T = 'span', ...otherProps }) => (
 AddressShort.propTypes = {
   address: PropTypes.string.isRequired
 };
-
-export default AddressShort;
diff --git a/packages/fether-ui/src/AddressShort/index.js b/packages/fether-ui/src/AddressShort/index.js
index bf2aed3a96cafe66bccc762279534a8a5ae86168..c46d6bad821893d72bba605bbc9ee8ec0ac1c972 100644
--- a/packages/fether-ui/src/AddressShort/index.js
+++ b/packages/fether-ui/src/AddressShort/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import AddressShort from './AddressShort';
-
-export default AddressShort;
+export * from './AddressShort';
diff --git a/packages/fether-ui/src/Card/Card.js b/packages/fether-ui/src/Card/Card.js
index 963299ef37573c4443387d826f34927cfb3e9f1f..5119e6ea5abc6d746bf04b7fb5815dfca03fe8d7 100644
--- a/packages/fether-ui/src/Card/Card.js
+++ b/packages/fether-ui/src/Card/Card.js
@@ -6,7 +6,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const Card = ({ children, className, drawers, onClick }) => (
+export const Card = ({ children, className, drawers, onClick }) => (
   <div
     className={['box', '-card', onClick ? '-clickable' : '', className].join(
       ' '
@@ -29,5 +29,3 @@ Card.propTypes = {
   drawers: PropTypes.arrayOf(PropTypes.node), // A card can have multiple drawers
   onClick: PropTypes.func
 };
-
-export default Card;
diff --git a/packages/fether-ui/src/Card/index.js b/packages/fether-ui/src/Card/index.js
index 2b42fbd2fe168bf22150f294bfc9c89e6e9da8eb..e5c057c5af886ae2317775282b1f88e61c3159bd 100644
--- a/packages/fether-ui/src/Card/index.js
+++ b/packages/fether-ui/src/Card/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import Card from './Card';
-
-export default Card;
+export * from './Card';
diff --git a/packages/fether-ui/src/ClickToCopy/ClickToCopy.js b/packages/fether-ui/src/ClickToCopy/ClickToCopy.js
index 02b5f48de0d35e2a673b2654d9093c23a4bba1fd..ceb3180a31b89ee47360f4f3a9ddcf9b51bf09fc 100644
--- a/packages/fether-ui/src/ClickToCopy/ClickToCopy.js
+++ b/packages/fether-ui/src/ClickToCopy/ClickToCopy.js
@@ -7,7 +7,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import ReactTooltip from 'react-tooltip';
 
-class ClickToCopy extends PureComponent {
+export class ClickToCopy extends PureComponent {
   static defaultProps = {
     label: 'Click to copy'
   };
@@ -68,5 +68,3 @@ class ClickToCopy extends PureComponent {
     );
   }
 }
-
-export default ClickToCopy;
diff --git a/packages/fether-ui/src/ClickToCopy/index.js b/packages/fether-ui/src/ClickToCopy/index.js
index 4aed4db076d9adf8b5485527c95dceab2331d1e7..291323130ce5749636d35ac12903243e7163e7b2 100644
--- a/packages/fether-ui/src/ClickToCopy/index.js
+++ b/packages/fether-ui/src/ClickToCopy/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import ClickToCopy from './ClickToCopy';
-
-export default ClickToCopy;
+export * from './ClickToCopy';
diff --git a/packages/fether-ui/src/FormField/FormField.js b/packages/fether-ui/src/FormField/FormField.js
index 32d37df23fcf28cc8f936dfdb3709c63a3677b12..44a4d16aab7ed5951977361596bb2350f9457453 100644
--- a/packages/fether-ui/src/FormField/FormField.js
+++ b/packages/fether-ui/src/FormField/FormField.js
@@ -6,7 +6,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const FormField = ({
+export const FormField = ({
   className,
   input: inputComponent,
   label,
@@ -23,5 +23,3 @@ FormField.propTypes = {
   input: PropTypes.node,
   label: PropTypes.string
 };
-
-export default FormField;
diff --git a/packages/fether-ui/src/FormField/index.js b/packages/fether-ui/src/FormField/index.js
index 8a6066dbf05faee70f6ea078e1bc025a531beb49..eed88ea492095de7014d61b7bdc0962e033cc10d 100644
--- a/packages/fether-ui/src/FormField/index.js
+++ b/packages/fether-ui/src/FormField/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import FormField from './FormField';
-
-export default FormField;
+export * from './FormField';
diff --git a/packages/fether-ui/src/Header/Header.js b/packages/fether-ui/src/Header/Header.js
index b889c3526974c4b11a8b3651e1619abbf6b08788..c04f4b2db3dd970a69acf78deb2654c69cc093ec 100644
--- a/packages/fether-ui/src/Header/Header.js
+++ b/packages/fether-ui/src/Header/Header.js
@@ -6,9 +6,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import Placeholder from '../Placeholder';
+import { Placeholder } from '../Placeholder';
 
-const Header = ({ left, right, title }) => (
+export const Header = ({ left, right, title }) => (
   <div className='header-nav'>
     <div className='header-nav_left'>{left}</div>
     <div className='header-nav_title'>
@@ -23,5 +23,3 @@ Header.propTypes = {
   right: PropTypes.node,
   title: PropTypes.oneOfType([PropTypes.node, PropTypes.string])
 };
-
-export default Header;
diff --git a/packages/fether-ui/src/Header/index.js b/packages/fether-ui/src/Header/index.js
index 95cd638571b139801b8aee53b44d610178acd40a..704bf96704321bc54f80f4be1a4340d4586453cd 100644
--- a/packages/fether-ui/src/Header/index.js
+++ b/packages/fether-ui/src/Header/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import Header from './Header';
-
-export default Header;
+export * from './Header';
diff --git a/packages/fether-ui/src/Placeholder/Placeholder.js b/packages/fether-ui/src/Placeholder/Placeholder.js
index 0543faf638400ab61e4890eb0d6c3fcefdaaa58d..9fc8940d1df5ea0e65c40a2bc6b030d61f6ff31a 100644
--- a/packages/fether-ui/src/Placeholder/Placeholder.js
+++ b/packages/fether-ui/src/Placeholder/Placeholder.js
@@ -7,7 +7,7 @@ import React from 'react';
 import ContentLoader from 'react-content-loader';
 import PropTypes from 'prop-types';
 
-const Placeholder = ({ height, width, ...otherProps }) => (
+export const Placeholder = ({ height, width, ...otherProps }) => (
   <ContentLoader
     className='placeholder'
     height={height}
@@ -23,5 +23,3 @@ Placeholder.propTypes = {
   height: PropTypes.number.isRequired,
   width: PropTypes.number.isRequired
 };
-
-export default Placeholder;
diff --git a/packages/fether-ui/src/Placeholder/index.js b/packages/fether-ui/src/Placeholder/index.js
index b754663d2cb62c21d91f6908104867eef6a1f628..46e499729b89a8867f1ceb9414eaf3f4b4e1c660 100644
--- a/packages/fether-ui/src/Placeholder/index.js
+++ b/packages/fether-ui/src/Placeholder/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import Placeholder from './Placeholder';
-
-export default Placeholder;
+export * from './Placeholder';
diff --git a/packages/fether-ui/src/TokenCard/TokenCard.js b/packages/fether-ui/src/TokenCard/TokenCard.js
index f853633216dc4199a99b34164d6baf15eaa6c47e..8941fa12e2abda52c9e2bf7462a7c58ac95cb22f 100644
--- a/packages/fether-ui/src/TokenCard/TokenCard.js
+++ b/packages/fether-ui/src/TokenCard/TokenCard.js
@@ -6,10 +6,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import Card from '../Card';
-import Placeholder from '../Placeholder';
+import { Card } from '../Card';
+import { Placeholder } from '../Placeholder';
 
-const TokenCard = ({
+export const TokenCard = ({
   balance,
   children,
   decimals,
diff --git a/packages/fether-ui/src/TokenCard/index.js b/packages/fether-ui/src/TokenCard/index.js
index 1134ad9cdce408700e1e43e1d3ad31d05b49be98..f0b51b2aafcec741d5fc3d93023088069faa7a6c 100644
--- a/packages/fether-ui/src/TokenCard/index.js
+++ b/packages/fether-ui/src/TokenCard/index.js
@@ -3,6 +3,4 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import TokenCard from './TokenCard';
-
-export default TokenCard;
+export * from './TokenCard';
diff --git a/packages/fether-ui/src/index.js b/packages/fether-ui/src/index.js
index 32124296c1f10f9b89011101cca5c245870275d0..99c5098268e63d44ad557b9f1f4726ae04e08923 100644
--- a/packages/fether-ui/src/index.js
+++ b/packages/fether-ui/src/index.js
@@ -3,22 +3,11 @@
 //
 // SPDX-License-Identifier: BSD-3-Clause
 
-import AccountCard from './AccountCard';
-import AccountHeader from './AccountHeader';
-import AddressShort from './AddressShort';
-import Card from './Card';
-import FormField from './FormField';
-import Header from './Header';
-import Placeholder from './Placeholder';
-import TokenCard from './TokenCard';
-
-export {
-  AccountCard,
-  AccountHeader,
-  AddressShort,
-  Card,
-  FormField,
-  Header,
-  Placeholder,
-  TokenCard
-};
+export * from './AccountCard';
+export * from './AccountHeader';
+export * from './AddressShort';
+export * from './Card';
+export * from './FormField';
+export * from './Header';
+export * from './Placeholder';
+export * from './TokenCard';