diff --git a/lib/api/resources.ts b/lib/api/resources.ts
index 40f31eae4e..13b9a3af0a 100644
--- a/lib/api/resources.ts
+++ b/lib/api/resources.ts
@@ -801,8 +801,10 @@ export const RESOURCES = {
       'age_from' as const,
       'age_to' as const,
       'age' as const /* frontend only */,
-      'from_address_hashes' as const,
-      'to_address_hashes' as const,
+      'from_address_hashes_to_include' as const,
+      'from_address_hashes_to_exclude' as const,
+      'to_address_hashes_to_include' as const,
+      'to_address_hashes_to_exclude' as const,
       'address_relation' as const,
       'amount_from' as const,
       'amount_to' as const,
diff --git a/lib/metadata/getPageOgType.ts b/lib/metadata/getPageOgType.ts
index 66319f429e..3669650cd1 100644
--- a/lib/metadata/getPageOgType.ts
+++ b/lib/metadata/getPageOgType.ts
@@ -46,6 +46,7 @@ const OG_TYPE_DICT: Record<Route['pathname'], OGPageType> = {
   '/name-domains/[name]': 'Regular page',
   '/validators': 'Root page',
   '/gas-tracker': 'Root page',
+  '/advanced-filter': 'Root page',
 
   // service routes, added only to make typescript happy
   '/login': 'Regular page',
diff --git a/lib/metadata/templates/description.ts b/lib/metadata/templates/description.ts
index 08acaaf1c8..175f19c833 100644
--- a/lib/metadata/templates/description.ts
+++ b/lib/metadata/templates/description.ts
@@ -50,6 +50,7 @@ const TEMPLATE_MAP: Record<Route['pathname'], string> = {
   '/name-domains/[name]': DEFAULT_TEMPLATE,
   '/validators': DEFAULT_TEMPLATE,
   '/gas-tracker': DEFAULT_TEMPLATE,
+  '/advanced-filter': DEFAULT_TEMPLATE,
 
   // service routes, added only to make typescript happy
   '/login': DEFAULT_TEMPLATE,
diff --git a/lib/metadata/templates/title.ts b/lib/metadata/templates/title.ts
index b004af7f7d..e4244aaec3 100644
--- a/lib/metadata/templates/title.ts
+++ b/lib/metadata/templates/title.ts
@@ -46,6 +46,7 @@ const TEMPLATE_MAP: Record<Route['pathname'], string> = {
   '/name-domains/[name]': '%network_name% %name% domain details',
   '/validators': '%network_name% validators list',
   '/gas-tracker': '%network_name% gas tracker - Current gas fees',
+  '/advanced-filter': '%network_name% advanced filter',
 
   // service routes, added only to make typescript happy
   '/login': '%network_name% login',
diff --git a/lib/mixpanel/getPageType.ts b/lib/mixpanel/getPageType.ts
index e53554756b..2fa06f1ac2 100644
--- a/lib/mixpanel/getPageType.ts
+++ b/lib/mixpanel/getPageType.ts
@@ -44,6 +44,7 @@ export const PAGE_TYPE_DICT: Record<Route['pathname'], string> = {
   '/name-domains/[name]': 'Domain details',
   '/validators': 'Validators list',
   '/gas-tracker': 'Gas tracker',
+  '/advanced-filter': 'Advanced filter',
 
   // service routes, added only to make typescript happy
   '/login': 'Login',
diff --git a/stubs/advancedFilter.ts b/stubs/advancedFilter.ts
new file mode 100644
index 0000000000..341280220b
--- /dev/null
+++ b/stubs/advancedFilter.ts
@@ -0,0 +1,17 @@
+import type { AdvancedFilterResponseItem } from 'types/api/advancedFilter';
+
+import { ADDRESS_PARAMS } from './addressParams';
+import { TX_HASH } from './tx';
+
+export const ADVANCED_FILTER_ITEM: AdvancedFilterResponseItem = {
+  fee: '215504444616317',
+  from: ADDRESS_PARAMS,
+  hash: TX_HASH,
+  method: 'approve',
+  timestamp: '2022-11-11T11:11:11.000000Z',
+  to: ADDRESS_PARAMS,
+  token: null,
+  total: null,
+  type: 'coin_transfer',
+  value: '42000420000000000000',
+};
diff --git a/types/api/advancedFilter.ts b/types/api/advancedFilter.ts
index b54a359b4b..aae4b21b5e 100644
--- a/types/api/advancedFilter.ts
+++ b/types/api/advancedFilter.ts
@@ -7,8 +7,10 @@ export type AdvancedFilterParams = {
   age_from?: string;
   age_to?: string;
   age?: AdvancedFilterAge; /* frontend only */
-  from_address_hashes?: Array<string>;
-  to_address_hashes?: Array<string>;
+  from_address_hashes_to_include?: Array<string>;
+  from_address_hashes_to_exclude?: Array<string>;
+  to_address_hashes_to_include?: Array<string>;
+  to_address_hashes_to_exclude?: Array<string>;
   address_relation?: 'or' | 'and';
   amount_from?: string;
   amount_to?: string;
@@ -25,6 +27,7 @@ export type AdvancedFilterAge = typeof ADVANCED_FILTER_AGES[number];
 export type AdvancedFilterResponseItem = {
   fee: string;
   from: AddressParam;
+  created_contract?: AddressParam;
   hash: string;
   method: string | null;
   timestamp: string;
@@ -39,8 +42,8 @@ export type AdvancedFilterResponseItem = {
 }
 
 export type AdvancedFiltersSearchParams = {
-  methods: Array<AdvancedFilterMethodInfo>;
-  tokens: Array<TokenInfo>;
+  methods: Record<string, AdvancedFilterMethodInfo>;
+  tokens: Record<string, TokenInfo>;
 }
 
 export type AdvancedFilterResponse = {
@@ -59,5 +62,5 @@ export type AdvancedFilterMethodsResponse = Array<AdvancedFilterMethodInfo>;
 
 export type AdvancedFilterMethodInfo = {
   method_id: string;
-  name: string;
+  name?: string;
 }
diff --git a/ui/advancedFilter/ColumnFilter.tsx b/ui/advancedFilter/ColumnFilter.tsx
index a85772a1ba..eba49e0774 100644
--- a/ui/advancedFilter/ColumnFilter.tsx
+++ b/ui/advancedFilter/ColumnFilter.tsx
@@ -1,10 +1,4 @@
 import {
-  Popover,
-  PopoverTrigger,
-  PopoverContent,
-  PopoverBody,
-  useDisclosure,
-  IconButton,
   chakra,
   Flex,
   Text,
@@ -13,63 +7,74 @@ import {
 } from '@chakra-ui/react';
 import React from 'react';
 
-import IconSvg from 'ui/shared/IconSvg';
+import ColumnFilterWrapper from './ColumnFilterWrapper';
 
-interface Props {
+type Props = {
   columnName: string;
   title: string;
   isActive?: boolean;
   isFilled?: boolean;
   onFilter: () => void;
-  onReset: () => void;
+  onReset?: () => void;
+  onClose?: () => void;
+  isLoading?: boolean;
   className?: string;
   children: React.ReactNode;
 }
 
-const ColumnFilter = ({ columnName, title, isActive, isFilled, onFilter, onReset, className, children }: Props) => {
-  const { isOpen, onToggle, onClose } = useDisclosure();
+type ContentProps = {
+  title: string;
+  isFilled?: boolean;
+  onFilter: () => void;
+  onReset?: () => void;
+  onClose?: () => void;
+  children: React.ReactNode;
+}
+
+const ColumnFilterContent = ({ title, isFilled, onFilter, onReset, onClose, children }: ContentProps) => {
+  const onFilterClick = React.useCallback(() => {
+    onClose && onClose();
+    onFilter();
+  }, [ onClose, onFilter ]);
+  return (
+    <>
+      <Flex alignItems="center" justifyContent="space-between" mb={ 3 }>
+        <Text color="text_secondary" fontWeight="600">{ title }</Text>
+        <Link
+          onClick={ onReset }
+          cursor={ isFilled ? 'pointer' : 'unset' }
+          opacity={ isFilled ? 1 : 0.2 }
+          _hover={{
+            color: isFilled ? 'link_hovered' : 'none',
+          }}
+        >
+            Reset
+        </Link>
+      </Flex>
+      { children }
+      <Button
+        // ???
+        // isDisabled={ !isFilled }
+        mt={ 4 }
+        onClick={ onFilterClick }
+        w="fit-content"
+      >
+        Filter
+      </Button>
+    </>
+  );
+};
 
+const ColumnFilter = ({ columnName, isActive, className, isLoading, ...props }: Props) => {
   return (
-    <Popover isOpen={ isOpen } onClose={ onClose } placement="bottom-start" isLazy>
-      <PopoverTrigger>
-        <IconButton
-          onClick={ onToggle }
-          aria-label={ `filter by ${ columnName }` }
-          variant="ghost"
-          w="30px"
-          h="30px"
-          icon={ <IconSvg name="filter" w="20px" h="20px"/> }
-          isActive={ isActive }
-        />
-      </PopoverTrigger>
-      <PopoverContent className={ className }>
-        <PopoverBody px={ 4 } py={ 6 } display="flex" flexDir="column" rowGap={ 5 }>
-          <chakra.form
-            noValidate
-            onSubmit={ onFilter }
-            textAlign="start"
-          >
-            <Flex alignItems="center" justifyContent="space-between" mb={ 3 }>
-              <Text color="text_secondary" fontWeight="600">{ title }</Text>
-              <Link
-                onClick={ onReset }
-                cursor={ isFilled ? 'pointer' : 'unset' }
-                opacity={ isFilled ? 1 : 0.2 }
-                _hover={{
-                  color: isFilled ? 'link_hovered' : 'none',
-                }}
-              >
-                Reset
-              </Link>
-            </Flex>
-            { children }
-            <Button type="submit" isDisabled={ !isFilled } mt={ 4 }>
-            Filter
-            </Button>
-          </chakra.form>
-        </PopoverBody>
-      </PopoverContent>
-    </Popover>
+    <ColumnFilterWrapper
+      isActive={ isActive }
+      columnName={ columnName }
+      className={ className }
+      isLoading={ isLoading }
+    >
+      <ColumnFilterContent { ...props }/>
+    </ColumnFilterWrapper>
   );
 };
 
diff --git a/ui/advancedFilter/ColumnFilterWrapper.tsx b/ui/advancedFilter/ColumnFilterWrapper.tsx
new file mode 100644
index 0000000000..95c4eecefe
--- /dev/null
+++ b/ui/advancedFilter/ColumnFilterWrapper.tsx
@@ -0,0 +1,57 @@
+import {
+  Popover,
+  PopoverTrigger,
+  PopoverContent,
+  PopoverBody,
+  useDisclosure,
+  IconButton,
+  chakra,
+} from '@chakra-ui/react';
+import React from 'react';
+
+import IconSvg from 'ui/shared/IconSvg';
+
+interface Props {
+  columnName: string;
+  isActive?: boolean;
+  isLoading?: boolean;
+  className?: string;
+  children: React.ReactNode;
+}
+
+const ColumnFilterWrapper = ({ columnName, isActive, className, children, isLoading }: Props) => {
+  const { isOpen, onToggle, onClose } = useDisclosure();
+
+  const child = React.Children.only(children) as React.ReactElement & {
+    ref?: React.Ref<React.ReactNode>;
+  };
+
+  const modifiedChildren = React.cloneElement(
+    child,
+    { onClose },
+  );
+
+  return (
+    <Popover isOpen={ isOpen } onClose={ onClose } placement="bottom-start" isLazy lazyBehavior="unmount">
+      <PopoverTrigger>
+        <IconButton
+          onClick={ onToggle }
+          aria-label={ `filter by ${ columnName }` }
+          variant="ghost"
+          w="30px"
+          h="30px"
+          icon={ <IconSvg name="filter" w="20px" h="20px"/> }
+          isActive={ isActive }
+          isDisabled={ isLoading }
+        />
+      </PopoverTrigger>
+      <PopoverContent className={ className }>
+        <PopoverBody px={ 4 } py={ 6 } display="flex" flexDir="column" rowGap={ 5 }>
+          { modifiedChildren }
+        </PopoverBody>
+      </PopoverContent>
+    </Popover>
+  );
+};
+
+export default chakra(ColumnFilterWrapper);
diff --git a/ui/advancedFilter/FilterByColumn.tsx b/ui/advancedFilter/FilterByColumn.tsx
index 42887b20dc..d01636c76b 100644
--- a/ui/advancedFilter/FilterByColumn.tsx
+++ b/ui/advancedFilter/FilterByColumn.tsx
@@ -4,6 +4,9 @@ import type { AdvancedFilterParams, AdvancedFiltersSearchParams } from 'types/ap
 
 import type { ColumnsIds } from 'ui/pages/AdvancedFilter';
 
+import type { AddressFilterMode } from './filters/AddressFilter';
+import AddressFilter from './filters/AddressFilter';
+import AddressRelationFilter from './filters/AddressRelationFilter';
 import AgeFilter from './filters/AgeFilter';
 import AmountFilter from './filters/AmountFilter';
 import type { AssetFilterMode } from './filters/AssetFilter';
@@ -17,32 +20,51 @@ type Props = {
   column: ColumnsIds;
   columnName: string;
   handleFilterChange: (field: keyof AdvancedFilterParams, val: unknown) => void;
+  isLoading?: boolean;
 }
-const FilterByColumn = ({ column, filters, searchParams, columnName, handleFilterChange }: Props) => {
-  const commonProps = { columnName, handleFilterChange };
+const FilterByColumn = ({ column, filters, columnName, handleFilterChange, searchParams, isLoading }: Props) => {
+  const commonProps = { columnName, handleFilterChange, isLoading };
   switch (column) {
-    case 'type': {
+    case 'type':
       return <TypeFilter { ...commonProps } value={ filters.tx_types }/>;
+    case 'method': {
+      const value = filters.methods?.map(m => searchParams?.methods[m] || { method_id: m });
+      return <MethodFilter { ...commonProps } value={ value }/>;
     }
-    case 'method':
-      // fix value
-      return <MethodFilter { ...commonProps } value={ searchParams?.methods }/>;
     case 'age':
       return <AgeFilter { ...commonProps } value={{ age: filters.age, from: filters.age_from, to: filters.age_to }}/>;
-    // case 'from':
-    //   return <AddressEntity address={ item.from } truncation="constant"/>;
-    // case 'to':
-    //   return <AddressEntity address={ item.to } truncation="constant"/>;
+    case 'or_and':
+      return <AddressRelationFilter { ...commonProps } value={ filters.address_relation }/>;
+    case 'from': {
+      const valueInclude = filters?.from_address_hashes_to_include?.map(hash => ({ address: hash, mode: 'include' as AddressFilterMode }));
+      const valueExclude = filters?.from_address_hashes_to_exclude?.map(hash => ({ address: hash, mode: 'exclude' as AddressFilterMode }));
+
+      const value = (valueInclude || []).concat(valueExclude || []);
+
+      return <AddressFilter { ...commonProps } type="from" value={ value }/>;
+
+    }
+    case 'to': {
+      const valueInclude = filters?.to_address_hashes_to_include?.map(hash => ({ address: hash, mode: 'include' as AddressFilterMode }));
+      const valueExclude = filters?.to_address_hashes_to_exclude?.map(hash => ({ address: hash, mode: 'exclude' as AddressFilterMode }));
+
+      const value = (valueInclude || []).concat(valueExclude || []);
+
+      return <AddressFilter { ...commonProps } type="to" value={ value }/>;
+    }
     case 'amount':
-      // fix types
       return <AmountFilter { ...commonProps } value={{ from: filters.amount_from, to: filters.amount_to }}/>;
     case 'asset': {
       const tokens = searchParams?.tokens;
 
       const value = tokens ?
-        Object.entries(tokens).map(([ address, token ]) =>
-          ({ token, mode: filters.token_contract_address_hashes_to_include?.includes(address) ? 'include' as AssetFilterMode : 'exclude' as AssetFilterMode }),
-        ) : [];
+        Object.entries(tokens).map(([ address, token ]) => {
+          const mode = filters.token_contract_address_hashes_to_include?.find(i => i.toLowerCase() === address) ?
+            'include' as AssetFilterMode :
+            'exclude' as AssetFilterMode;
+          return ({ token, mode });
+        }) : [];
+
       return <AssetFilter { ...commonProps } value={ value }/>;
     }
     default:
diff --git a/ui/advancedFilter/ItemByColumn.tsx b/ui/advancedFilter/ItemByColumn.tsx
index eaef64171c..00526bda27 100644
--- a/ui/advancedFilter/ItemByColumn.tsx
+++ b/ui/advancedFilter/ItemByColumn.tsx
@@ -1,4 +1,4 @@
-import { Text } from '@chakra-ui/react';
+import { Skeleton } from '@chakra-ui/react';
 import React from 'react';
 
 import type { AdvancedFilterResponseItem } from 'types/api/advancedFilter';
@@ -17,39 +17,50 @@ import { ADVANCED_FILTER_TYPES } from './constants';
 type Props = {
   item: AdvancedFilterResponseItem;
   column: ColumnsIds;
+  isLoading?: boolean;
 }
-const ItemByColumn = ({ item, column }: Props) => {
+const ItemByColumn = ({ item, column, isLoading }: Props) => {
   switch (column) {
     case 'tx_hash':
-      return <TxEntity truncation="constant_long" hash={ item.hash }/>;
+      return <TxEntity truncation="constant_long" hash={ item.hash } isLoading={ isLoading }/>;
     case 'type': {
       const type = ADVANCED_FILTER_TYPES.find(t => t.id === item.type);
       if (!type) {
         return null;
       }
-      return <Tag>{ type.name }</Tag>;
+      return <Tag isLoading={ isLoading }>{ type.name }</Tag>;
     }
     case 'method':
-      return item.method ? <Tag>{ item.method }</Tag> : null;
+      return item.method ? <Tag isLoading={ isLoading }>{ item.method }</Tag> : null;
     case 'age':
-      return <Text>{ dayjs(item.timestamp).fromNow() }</Text>;
+      return <Skeleton isLoaded={ !isLoading }>{ dayjs(item.timestamp).fromNow() }</Skeleton>;
     case 'from':
-      return <AddressEntity address={ item.from } truncation="constant"/>;
+      return <AddressEntity address={ item.from } truncation="constant" isLoading={ isLoading }/>;
     case 'to':
-      return <AddressEntity address={ item.to } truncation="constant"/>;
+      return <AddressEntity address={ item.to ? item.to : item.created_contract } truncation="constant" isLoading={ isLoading }/>;
     case 'amount': {
       if (item.total) {
-        return <Text>{ getCurrencyValue({ value: item.total?.value, decimals: item.total.decimals, accuracy: 8 }).valueStr }</Text>;
+        return (
+          <Skeleton isLoaded={ !isLoading }>
+            { getCurrencyValue({ value: item.total?.value, decimals: item.total.decimals, accuracy: 8 }).valueStr }
+          </Skeleton>
+        );
       }
       if (item.value) {
-        return <Text>{ getCurrencyValue({ value: item.value, decimals: config.chain.currency.decimals.toString(), accuracy: 8 }).valueStr }</Text>;
+        return (
+          <Skeleton isLoaded={ !isLoading }>
+            { getCurrencyValue({ value: item.value, decimals: config.chain.currency.decimals.toString(), accuracy: 8 }).valueStr }
+          </Skeleton>
+        );
       }
       return null;
     }
     case 'asset':
-      return item.token ? <TokenEntity token={ item.token }/> : <Text>{ `${ config.chain.currency.name } (${ config.chain.currency.symbol })` }</Text>;
+      return item.token ?
+        <TokenEntity token={ item.token } isLoading={ isLoading }/> :
+        <Skeleton isLoaded={ !isLoading }>{ `${ config.chain.currency.name } (${ config.chain.currency.symbol })` }</Skeleton>;
     case 'fee':
-      return <Text>{ item.fee ? getCurrencyValue({ value: item.fee, accuracy: 8 }).valueStr : '-' }</Text>;
+      return <Skeleton isLoaded={ !isLoading }>{ item.fee ? getCurrencyValue({ value: item.fee, accuracy: 8 }).valueStr : '-' }</Skeleton>;
     default:
       return null;
   }
diff --git a/ui/advancedFilter/filters/AddressFilter.tsx b/ui/advancedFilter/filters/AddressFilter.tsx
new file mode 100644
index 0000000000..5d88714686
--- /dev/null
+++ b/ui/advancedFilter/filters/AddressFilter.tsx
@@ -0,0 +1,152 @@
+import { Flex, Select, Input, InputGroup, InputRightElement, VStack, IconButton } from '@chakra-ui/react';
+import type { ChangeEvent } from 'react';
+import React from 'react';
+
+import type { AdvancedFilterParams } from 'types/api/advancedFilter';
+
+import ClearButton from 'ui/shared/ClearButton';
+import IconSvg from 'ui/shared/IconSvg';
+
+import ColumnFilter from '../ColumnFilter';
+
+const FILTER_PARAM_TO_INCLUDE = 'to_address_hashes_to_include';
+const FILTER_PARAM_FROM_INCLUDE = 'from_address_hashes_to_include';
+const FILTER_PARAM_TO_EXCLUDE = 'to_address_hashes_to_exclude';
+const FILTER_PARAM_FROM_EXCLUDE = 'from_address_hashes_to_exclude';
+
+export type AddressFilterMode = 'include' | 'exclude';
+
+type Value = Array<{ address: string; mode: AddressFilterMode }>;
+
+type Props = {
+  value: Value;
+  handleFilterChange: (filed: keyof AdvancedFilterParams, val: Array<string> | undefined) => void;
+  columnName: string;
+  type: 'from' | 'to';
+  isLoading?: boolean;
+}
+
+type InputProps = {
+  address?: string;
+  mode?: AddressFilterMode;
+  isLast: boolean;
+  onModeChange: (event: ChangeEvent<HTMLSelectElement>) => void;
+  onRemove: () => void;
+  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+  onAddFieldClick: () => void;
+}
+
+const AddressFilterInput = ({ address, mode, onModeChange, onRemove, onChange, isLast, onAddFieldClick }: InputProps) => {
+  return (
+    <Flex alignItems="center" w="100%">
+      <Select
+        size="xs"
+        borderRadius="base"
+        value={ mode || 'include' }
+        onChange={ onModeChange }
+        minW="105px"
+        w="105px"
+        mr={ 3 }
+      >
+        <option value="include">Include</option>
+        <option value="exclude">Exclude</option>
+      </Select>
+      <InputGroup size="xs" flexGrow={ 1 }>
+        <Input value={ address } onChange={ onChange } placeholder="Smart contract / Address (0x...)*" size="xs" autoComplete="off"/>
+        <InputRightElement>
+          <ClearButton onClick={ onRemove }/>
+        </InputRightElement>
+      </InputGroup>
+      { isLast && (
+        <IconButton
+          aria-label="add"
+          variant="outline"
+          minW="30px"
+          w="30px"
+          h="30px"
+          ml={ 2 }
+          onClick={ onAddFieldClick }
+          icon={ <IconSvg name="plus" w="20px" h="20px"/> }
+        />
+      ) }
+    </Flex>
+  );
+};
+
+const emptyItem = { address: '', mode: 'include' as AddressFilterMode };
+
+const AddressFilter = ({ type, value, handleFilterChange, columnName, isLoading }: Props) => {
+  const [ currentValue, setCurrentValue ] =
+    React.useState<Array<{ address: string; mode: AddressFilterMode }>>([ ...value, emptyItem ] || [ emptyItem ]);
+
+  const handleModeSelectChange = React.useCallback((index: number) => (event: React.ChangeEvent<HTMLSelectElement>) => {
+    const value = event.target.value as AddressFilterMode;
+    setCurrentValue(prev => {
+      prev[index].mode = value;
+      return [ ...prev ];
+    });
+  }, []);
+
+  const handleAddressChange = React.useCallback((index: number) => (event: React.ChangeEvent<HTMLInputElement>) => {
+    const value = event.target.value;
+
+    setCurrentValue(prev => {
+      const newVal = [ ...prev ];
+      newVal[index] = { ...newVal[index], address: value };
+      return newVal;
+    });
+  }, []);
+
+  const handleRemove = React.useCallback((index: number) => () => {
+    setCurrentValue(prev => {
+      prev.splice(index, 1);
+      return [ ...prev ];
+    });
+  }, []);
+
+  const onAddFieldClick = React.useCallback(() => {
+    setCurrentValue(prev => [ ...prev, emptyItem ]);
+  }, []);
+
+  const onReset = React.useCallback(() => setCurrentValue([ emptyItem ]), []);
+
+  const onFilter = React.useCallback(() => {
+    const includeFilterParam = type === 'from' ? FILTER_PARAM_FROM_INCLUDE : FILTER_PARAM_TO_INCLUDE;
+    const excludeFilterParam = type === 'from' ? FILTER_PARAM_FROM_EXCLUDE : FILTER_PARAM_TO_EXCLUDE;
+    const includeValue = currentValue.filter(i => i.mode === 'include').map(i => i.address);
+    const excludeValue = currentValue.filter(i => i.mode === 'exclude').map(i => i.address);
+
+    handleFilterChange(includeFilterParam, includeValue.length ? includeValue : undefined);
+    handleFilterChange(excludeFilterParam, excludeValue.length ? excludeValue : undefined);
+  }, [ handleFilterChange, currentValue, type ]);
+
+  return (
+    <ColumnFilter
+      columnName={ columnName }
+      title={ type === 'from' ? 'From address' : 'To address' }
+      isFilled={ Boolean(currentValue[0].address) }
+      isActive={ Boolean(value.length) }
+      onFilter={ onFilter }
+      onReset={ onReset }
+      isLoading={ isLoading }
+      w="382px"
+    >
+      <VStack gap={ 2 }>
+        { currentValue.map((item, index) => (
+          <AddressFilterInput
+            key={ index }
+            address={ item.address }
+            mode={ item.mode }
+            isLast={ index === currentValue.length - 1 }
+            onModeChange={ handleModeSelectChange(index) }
+            onRemove={ handleRemove(index) }
+            onChange={ handleAddressChange(index) }
+            onAddFieldClick={ onAddFieldClick }
+          />
+        )) }
+      </VStack>
+    </ColumnFilter>
+  );
+};
+
+export default AddressFilter;
diff --git a/ui/advancedFilter/filters/AddressRelationFilter.tsx b/ui/advancedFilter/filters/AddressRelationFilter.tsx
new file mode 100644
index 0000000000..37859ea871
--- /dev/null
+++ b/ui/advancedFilter/filters/AddressRelationFilter.tsx
@@ -0,0 +1,46 @@
+import { Radio, RadioGroup, Stack } from '@chakra-ui/react';
+import React from 'react';
+
+import { type AdvancedFilterParams } from 'types/api/advancedFilter';
+
+import ColumnFilterWrapper from '../ColumnFilterWrapper';
+
+const FILTER_PARAM = 'address_relation';
+
+type Value = 'or' | 'and';
+
+const DEFAULT_VALUE = 'or' as Value;
+
+type Props = {
+  value?: Value;
+  handleFilterChange: (filed: keyof AdvancedFilterParams, value?: string) => void;
+  columnName: string;
+  isLoading?: boolean;
+  onClose?: () => void;
+}
+
+const AddressRelationFilter = ({ value = DEFAULT_VALUE, handleFilterChange, columnName, onClose, isLoading }: Props) => {
+
+  const onFilter = React.useCallback((val: Value) => {
+    onClose && onClose();
+    handleFilterChange(FILTER_PARAM, val);
+  }, [ handleFilterChange, onClose ]);
+
+  return (
+    <ColumnFilterWrapper
+      columnName={ columnName }
+      isActive={ false }
+      isLoading={ isLoading }
+      w="120px"
+    >
+      <RadioGroup onChange={ onFilter } value={ value }>
+        <Stack direction="column">
+          <Radio value="or">OR</Radio>
+          <Radio value="and">AND</Radio>
+        </Stack>
+      </RadioGroup>
+    </ColumnFilterWrapper>
+  );
+};
+
+export default AddressRelationFilter;
diff --git a/ui/advancedFilter/filters/AgeFilter.tsx b/ui/advancedFilter/filters/AgeFilter.tsx
index 92d29bb8c8..95a34d0f6a 100644
--- a/ui/advancedFilter/filters/AgeFilter.tsx
+++ b/ui/advancedFilter/filters/AgeFilter.tsx
@@ -21,9 +21,10 @@ type Props = {
   value?: AgeFromToValue;
   handleFilterChange: (filed: keyof AdvancedFilterParams, value?: string) => void;
   columnName: string;
+  isLoading?: boolean;
 }
 
-const AgeFilter = ({ value = {}, handleFilterChange, columnName }: Props) => {
+const AgeFilter = ({ value = {}, handleFilterChange, columnName, isLoading }: Props) => {
   const [ currentValue, setCurrentValue ] = React.useState<AgeFromToValue>(value || defaultValue);
 
   const handleFromChange = React.useCallback((event: ChangeEvent<HTMLInputElement>) => {
@@ -59,6 +60,7 @@ const AgeFilter = ({ value = {}, handleFilterChange, columnName }: Props) => {
       isActive={ Boolean(value.from || value.to || value.age) }
       onFilter={ onFilter }
       onReset={ onReset }
+      isLoading={ isLoading }
       w="382px"
     >
       <Flex gap={ 3 }>
diff --git a/ui/advancedFilter/filters/AmountFilter.tsx b/ui/advancedFilter/filters/AmountFilter.tsx
index d89313bf2a..92f34b4760 100644
--- a/ui/advancedFilter/filters/AmountFilter.tsx
+++ b/ui/advancedFilter/filters/AmountFilter.tsx
@@ -45,9 +45,10 @@ type Props = {
   value?: AmountValue;
   handleFilterChange: (filed: keyof AdvancedFilterParams, value?: string) => void;
   columnName: string;
+  isLoading?: boolean;
 }
 
-const AmountFilter = ({ value = {}, handleFilterChange, columnName }: Props) => {
+const AmountFilter = ({ value = {}, handleFilterChange, columnName, isLoading }: Props) => {
   const [ currentValue, setCurrentValue ] = React.useState<AmountValue>(value || defaultValue);
 
   const handleFromChange = React.useCallback((event: ChangeEvent<HTMLInputElement>) => {
@@ -78,6 +79,7 @@ const AmountFilter = ({ value = {}, handleFilterChange, columnName }: Props) =>
       isActive={ Boolean(value.from || value.to) }
       onFilter={ onFilter }
       onReset={ onReset }
+      isLoading={ isLoading }
       w="382px"
     >
       <Flex gap={ 3 }>
diff --git a/ui/advancedFilter/filters/AssetFilter.tsx b/ui/advancedFilter/filters/AssetFilter.tsx
index 698e9fb38f..b19c176c3f 100644
--- a/ui/advancedFilter/filters/AssetFilter.tsx
+++ b/ui/advancedFilter/filters/AssetFilter.tsx
@@ -24,12 +24,19 @@ type Props = {
   value: Value;
   handleFilterChange: (filed: keyof AdvancedFilterParams, val: Array<string>) => void;
   columnName: string;
+  isLoading?: boolean;
 }
 
-const AssetFilter = ({ value, handleFilterChange, columnName }: Props) => {
+const AssetFilter = ({ value, handleFilterChange, columnName, isLoading }: Props) => {
   const [ currentValue, setCurrentValue ] = React.useState<Value>(value || []);
   const [ searchTerm, setSearchTerm ] = React.useState<string>('');
 
+  React.useEffect(() => {
+    if (!currentValue.length && value.length) {
+      setCurrentValue(value);
+    }
+  }, [ value, currentValue.length ]);
+
   const onSearchChange = React.useCallback((value: string) => {
     setSearchTerm(value);
   }, []);
@@ -58,6 +65,7 @@ const AssetFilter = ({ value, handleFilterChange, columnName }: Props) => {
   const onReset = React.useCallback(() => setCurrentValue([]), []);
 
   const onFilter = React.useCallback(() => {
+    setSearchTerm('');
     handleFilterChange(FILTER_PARAM_INCLUDE, currentValue.filter(i => i.mode === 'include').map(i => i.token.address));
     handleFilterChange(FILTER_PARAM_EXCLUDE, currentValue.filter(i => i.mode === 'exclude').map(i => i.token.address));
     return;
@@ -71,6 +79,7 @@ const AssetFilter = ({ value, handleFilterChange, columnName }: Props) => {
       isActive={ Boolean(value.length) }
       onFilter={ onFilter }
       onReset={ onReset }
+      isLoading={ isLoading }
       w="382px"
     >
       <FilterInput
diff --git a/ui/advancedFilter/filters/MethodFilter.tsx b/ui/advancedFilter/filters/MethodFilter.tsx
index 1b41bef4c8..3d85827b62 100644
--- a/ui/advancedFilter/filters/MethodFilter.tsx
+++ b/ui/advancedFilter/filters/MethodFilter.tsx
@@ -1,5 +1,5 @@
 import { Flex, Checkbox, CheckboxGroup, Spinner, chakra } from '@chakra-ui/react';
-import difference from 'lodash/difference';
+import differenceBy from 'lodash/differenceBy';
 import without from 'lodash/without';
 import type { ChangeEvent } from 'react';
 import React from 'react';
@@ -16,19 +16,17 @@ const RESET_VALUE = 'all';
 
 const FILTER_PARAM = 'methods';
 
-// !!!!!!
-// test when search params are ready
-
 type Props = {
   value?: Array<AdvancedFilterMethodInfo>;
   handleFilterChange: (filed: keyof AdvancedFilterParams, val: Array<string>) => void;
   columnName: string;
+  isLoading?: boolean;
 }
 
-const MethodFilter = ({ value = [], handleFilterChange, columnName }: Props) => {
+const MethodFilter = ({ value = [], handleFilterChange, columnName, isLoading }: Props) => {
   const [ currentValue, setCurrentValue ] = React.useState<Array<AdvancedFilterMethodInfo>>(value);
   const [ searchTerm, setSearchTerm ] = React.useState<string>('');
-  const [ methodsList, setMethodsList ] = React.useState<Array<AdvancedFilterMethodInfo>>();
+  const [ methodsList, setMethodsList ] = React.useState<Array<AdvancedFilterMethodInfo>>([]);
 
   const onSearchChange = React.useCallback((value: string) => {
     setSearchTerm(value);
@@ -37,8 +35,8 @@ const MethodFilter = ({ value = [], handleFilterChange, columnName }: Props) =>
   // q should work whem Max replace method /search with common one
   const methodsQuery = useApiQuery('advanced_filter_methods', { queryParams: { q: searchTerm } });
   React.useEffect(() => {
-    if (!methodsList && methodsQuery.data) {
-      setMethodsList([ ...difference(value, methodsQuery.data), ...methodsQuery.data ]);
+    if (!methodsList.length && methodsQuery.data) {
+      setMethodsList([ ...differenceBy(value, methodsQuery.data, i => i.method_id), ...methodsQuery.data ]);
     }
   }, [ methodsQuery.data, value, methodsList ]);
 
@@ -51,7 +49,9 @@ const MethodFilter = ({ value = [], handleFilterChange, columnName }: Props) =>
     } else {
       const methodInfo = methodsQuery.data?.find(m => m.method_id === id);
       if (methodInfo) {
-        setCurrentValue(prev => checked ? [ ...prev, methodInfo ] : without(prev, methodInfo));
+        setCurrentValue(prev => {
+          return checked ? [ ...prev, methodInfo ] : without(prev, methodInfo);
+        });
         searchTerm && checked && setMethodsList(prev => [ methodInfo, ...(prev || []) ]);
       }
     }
@@ -71,6 +71,7 @@ const MethodFilter = ({ value = [], handleFilterChange, columnName }: Props) =>
       isFilled={ Boolean(currentValue.length) }
       onFilter={ onFilter }
       onReset={ onReset }
+      isLoading={ isLoading }
       w="350px"
     >
       <FilterInput
@@ -100,7 +101,7 @@ const MethodFilter = ({ value = [], handleFilterChange, columnName }: Props) =>
                     },
                   }}
                 >
-                  <chakra.span overflow="hidden" whiteSpace="nowrap" textOverflow="ellipsis">{ method.name }</chakra.span>
+                  <chakra.span overflow="hidden" whiteSpace="nowrap" textOverflow="ellipsis">{ method.name || method.method_id }</chakra.span>
                 </Checkbox>
                 <Tag colorScheme="gray" isTruncated ml={ 2 }>
                   { method.method_id }
diff --git a/ui/advancedFilter/filters/TypeFilter.tsx b/ui/advancedFilter/filters/TypeFilter.tsx
index 35a6c47d79..3482a29182 100644
--- a/ui/advancedFilter/filters/TypeFilter.tsx
+++ b/ui/advancedFilter/filters/TypeFilter.tsx
@@ -16,9 +16,10 @@ type Props = {
   value?: Array<AdvancedFilterType>;
   handleFilterChange: (filed: keyof AdvancedFilterParams, value: Array<AdvancedFilterType>) => void;
   columnName: string;
+  isLoading?: boolean;
 }
 
-const TypeFilter = ({ value = [], handleFilterChange, columnName }: Props) => {
+const TypeFilter = ({ value = [], handleFilterChange, columnName, isLoading }: Props) => {
   const [ currentValue, setCurrentValue ] = React.useState<Array<AdvancedFilterType>>(value);
 
   const handleChange = React.useCallback((event: ChangeEvent<HTMLInputElement>) => {
@@ -42,9 +43,10 @@ const TypeFilter = ({ value = [], handleFilterChange, columnName }: Props) => {
       columnName={ columnName }
       title="Type of transfer"
       isActive={ Boolean(value.length) }
-      isFilled={ Boolean(currentValue.length) }
+      isFilled={ true }
       onFilter={ onFilter }
       onReset={ onReset }
+      isLoading={ isLoading }
     >
       <Flex display="flex" flexDir="column" rowGap={ 3 }>
         <CheckboxGroup value={ currentValue.length ? currentValue : [ 'all' ] }>
diff --git a/ui/pages/AdvancedFilter.tsx b/ui/pages/AdvancedFilter.tsx
index a9883bb8a7..d45a9b7087 100644
--- a/ui/pages/AdvancedFilter.tsx
+++ b/ui/pages/AdvancedFilter.tsx
@@ -12,6 +12,8 @@ import dayjs from 'lib/date/dayjs';
 import getFilterValueFromQuery from 'lib/getFilterValueFromQuery';
 import getFilterValuesFromQuery from 'lib/getFilterValuesFromQuery';
 import getQueryParamString from 'lib/router/getQueryParamString';
+import { ADVANCED_FILTER_ITEM } from 'stubs/advancedFilter';
+import { generateListStub } from 'stubs/utils';
 import ColumnsButton from 'ui/advancedFilter/ColumnsButton';
 import FilterByColumn from 'ui/advancedFilter/FilterByColumn';
 import ItemByColumn from 'ui/advancedFilter/ItemByColumn';
@@ -94,12 +96,40 @@ const AdvancedFilter = () => {
         router.query.token_contract_address_hashes_to_exclude ? castArray(router.query.token_contract_address_hashes_to_exclude) : undefined,
       token_contract_address_hashes_to_include:
         router.query.token_contract_address_hashes_to_include ? castArray(router.query.token_contract_address_hashes_to_include) : undefined,
+      to_address_hashes_to_include:
+        router.query.to_address_hashes_to_include ? castArray(router.query.to_address_hashes_to_include) : undefined,
+      from_address_hashes_to_include:
+        router.query.from_address_hashes_to_include ? castArray(router.query.from_address_hashes_to_include) : undefined,
+      to_address_hashes_to_exclude:
+        router.query.to_address_hashes_to_exclude ? castArray(router.query.to_address_hashes_to_exclude) : undefined,
+      from_address_hashes_to_exclude:
+        router.query.from_address_hashes_to_exclude ? castArray(router.query.from_address_hashes_to_exclude) : undefined,
     };
   });
+
   const [ columns, setColumns ] = React.useState<Record<ColumnsIds, boolean>>(COLUMNS_CHECKED);
-  const { data, isError, isLoading, pagination, onFilterChange } = useQueryWithPages({
+  const { data, isError, isLoading, pagination, onFilterChange, isPlaceholderData } = useQueryWithPages({
     resourceName: 'advanced_filter',
     filters,
+    options: {
+      placeholderData: generateListStub<'advanced_filter'>(
+        ADVANCED_FILTER_ITEM,
+        50,
+        {
+          next_page_params: {
+            block_number: 5867485,
+            internal_transaction_index: 0,
+            items_count: 50,
+            token_transfer_index: null,
+            transaction_index: 2,
+          },
+          search_params: {
+            tokens: {},
+            methods: {},
+          },
+        },
+      ),
+    },
   });
 
   const handleFilterChange = React.useCallback((field: keyof AdvancedFilterParams, val: unknown) => {
@@ -137,6 +167,7 @@ const AdvancedFilter = () => {
                     handleFilterChange={ handleFilterChange }
                     filters={ filters }
                     searchParams={ data?.search_params }
+                    isLoading={ isPlaceholderData }
                   />
                 </Th>
               );
@@ -144,11 +175,11 @@ const AdvancedFilter = () => {
           </Tr>
         </TheadSticky>
         <Tbody>
-          { data?.items.map(item => (
-            <Tr key={ item.hash }>
+          { data?.items.map((item, index) => (
+            <Tr key={ item.hash + String(index) }>
               { columnsToShow.map(column => (
                 <Td key={ item.hash + column.id } isNumeric={ column.isNumeric }>
-                  <ItemByColumn item={ item } column={ column.id }/>
+                  <ItemByColumn item={ item } column={ column.id } isLoading={ isPlaceholderData }/>
                 </Td>
               )) }
             </Tr>