diff --git a/.changeset/nice-dogs-agree.md b/.changeset/nice-dogs-agree.md
new file mode 100644
index 000000000..96f32712b
--- /dev/null
+++ b/.changeset/nice-dogs-agree.md
@@ -0,0 +1,5 @@
+---
+"@snapshot-labs/sx": patch
+---
+
+add space follow and unfollow support for OffchainEthereumSig
diff --git a/.changeset/thick-carrots-brush.md b/.changeset/thick-carrots-brush.md
new file mode 100644
index 000000000..50b86e97e
--- /dev/null
+++ b/.changeset/thick-carrots-brush.md
@@ -0,0 +1,5 @@
+---
+"@snapshot-labs/sx": patch
+---
+
+add setAlias to OffchainEthereumSig
diff --git a/apps/ui/src/components/App/Sidebar.vue b/apps/ui/src/components/App/Sidebar.vue
index 39b1b15b8..22ba9f45d 100644
--- a/apps/ui/src/components/App/Sidebar.vue
+++ b/apps/ui/src/components/App/Sidebar.vue
@@ -2,24 +2,24 @@
 import draggable from 'vuedraggable';
 
 const uiStore = useUiStore();
-const spacesStore = useSpacesStore();
+const bookmarksStore = useBookmarksStore();
 </script>
 
 <template>
-  <div class="w-[72px] border-r fixed left-0 top-0 bottom-0 text-center">
+  <div class="w-[72px] flex flex-col border-r fixed left-0 top-0 bottom-0 text-center h-screen">
     <router-link :to="{ name: 'landing' }" class="h-[72px] block">
       <IH-stop class="inline-block my-4 w-[32px] h-[32px] text-skin-link" />
     </router-link>
-    <UiLoading v-if="!spacesStore.starredSpacesLoaded" />
+    <UiLoading v-if="!bookmarksStore.bookmarksLoaded" />
     <draggable
       v-else
-      v-model="spacesStore.starredSpaces"
+      v-model="bookmarksStore.bookmarkedSpaces"
       :delay="100"
       :delay-on-touch-only="true"
       :touch-start-threshold="35"
       :item-key="i => i"
       v-bind="{ animation: 200 }"
-      class="space-y-3 p-2"
+      class="space-y-3 p-2 no-scrollbar overscroll-contain overflow-auto"
     >
       <template #item="{ element }">
         <router-link
diff --git a/apps/ui/src/components/SpacesListItem.vue b/apps/ui/src/components/SpacesListItem.vue
index e95800b64..4bf54b1e3 100644
--- a/apps/ui/src/components/SpacesListItem.vue
+++ b/apps/ui/src/components/SpacesListItem.vue
@@ -4,12 +4,14 @@ import { Space } from '@/types';
 
 const props = defineProps<{ space: Space }>();
 
-const spacesStore = useSpacesStore();
+const bookmarksStore = useBookmarksStore();
+
+const compositeSpaceId = `${props.space.network}:${props.space.id}`;
 </script>
 
 <template>
   <router-link
-    :to="{ name: 'space-overview', params: { id: `${space.network}:${space.id}` } }"
+    :to="{ name: 'space-overview', params: { id: compositeSpaceId } }"
     class="text-skin-text border rounded-lg block h-[280px] relative group overflow-hidden"
   >
     <SpaceCover :space="props.space" class="!rounded-none w-full h-[68px] absolute" />
@@ -24,12 +26,9 @@ const spacesStore = useSpacesStore();
     </div>
     <button
       class="hidden group-hover:block absolute top-3 right-3 hover:text-skin-link"
-      @click.prevent="spacesStore.toggleSpaceStar(`${space.network}:${space.id}`)"
+      @click.prevent="bookmarksStore.toggleSpaceStar(compositeSpaceId)"
     >
-      <IS-star
-        v-if="spacesStore.starredSpacesIds.includes(`${space.network}:${space.id}`)"
-        class="inline-block"
-      />
+      <IS-star v-if="bookmarksStore.isStarred(compositeSpaceId)" class="inline-block" />
       <IH-star v-else class="inline-block" />
     </button>
     <div class="px-4">
diff --git a/apps/ui/src/composables/useAccount.ts b/apps/ui/src/composables/useAccount.ts
index 5d98eb8ec..164fe31ec 100644
--- a/apps/ui/src/composables/useAccount.ts
+++ b/apps/ui/src/composables/useAccount.ts
@@ -1,8 +1,7 @@
 import { getNetwork } from '@/networks';
-import type { NetworkID, Proposal, Space, Vote } from '@/types';
+import type { NetworkID, Proposal, Vote } from '@/types';
 
-const votes: Ref<Record<Proposal['id'], Vote>> = ref({});
-const follows: Ref<Space['id'][]> = ref([]);
+const votes = ref<Record<Proposal['id'], Vote>>({});
 
 export function useAccount() {
   const { web3, web3Account } = useWeb3();
@@ -17,20 +16,13 @@ export function useAccount() {
     votes.value = { ...votes.value, ...userVotes };
   }
 
-  async function loadFollows(networkId: NetworkID) {
-    const { account, type } = web3.value;
-    if (!account || type === 'argentx') {
-      follows.value = [];
-      return;
-    }
-
-    const network = getNetwork(networkId);
-    follows.value = (await network.api.loadFollows(account)).map(follow => follow.space.id);
-  }
-
   watchEffect(() => {
     if (!web3Account.value) votes.value = {};
   });
 
-  return { account: web3.value.account, loadVotes, loadFollows, votes, follows };
+  return {
+    account: web3.value.account,
+    votes,
+    loadVotes
+  };
 }
diff --git a/apps/ui/src/composables/useActions.ts b/apps/ui/src/composables/useActions.ts
index bc3ed2b36..4f93e8fd5 100644
--- a/apps/ui/src/composables/useActions.ts
+++ b/apps/ui/src/composables/useActions.ts
@@ -1,5 +1,5 @@
 import { getInstance } from '@snapshot-labs/lock/plugins/vue3';
-import { getNetwork, getReadWriteNetwork } from '@/networks';
+import { getNetwork, getReadWriteNetwork, offchainNetworks } from '@/networks';
 import { registerTransaction } from '@/helpers/mana';
 import { convertToMetaTransactions } from '@/helpers/transactions';
 import type {
@@ -12,11 +12,14 @@ import type {
   NetworkID,
   VoteType
 } from '@/types';
+import type { Web3Provider } from '@ethersproject/providers';
 import type { Connector, StrategyConfig } from '@/networks/types';
+import type { Wallet } from '@ethersproject/wallet';
 
 export function useActions() {
   const { mixpanel } = useMixpanel();
   const uiStore = useUiStore();
+  const alias = useAlias();
   const { web3 } = useWeb3();
   const { getCurrentFromDuration } = useMetaStore();
   const { modalAccountOpen } = useModal();
@@ -103,6 +106,20 @@ export function useActions() {
     modalAccountOpen.value = true;
   }
 
+  async function aliasableSigner(networkId: NetworkID): Promise<Web3Provider | Wallet> {
+    if (!offchainNetworks.includes(networkId)) return auth.web3;
+
+    const network = getNetwork(networkId);
+
+    if (!(await alias.isValid())) {
+      await alias.create(address =>
+        wrapPromise(networkId, network.actions.setAlias(auth.web3, address))
+      );
+    }
+
+    return alias.wallet.value || auth.web3;
+  }
+
   async function predictSpaceAddress(networkId: NetworkID, salt: string): Promise<string | null> {
     if (!web3.value.account) {
       forceLogin();
@@ -194,7 +211,7 @@ export function useActions() {
     await wrapPromise(
       proposal.network,
       network.actions.vote(
-        auth.web3,
+        await aliasableSigner(proposal.network),
         web3.value.type as Connector,
         web3.value.account,
         proposal,
@@ -248,7 +265,7 @@ export function useActions() {
     await wrapPromise(
       space.network,
       network.actions.propose(
-        auth.web3,
+        await aliasableSigner(space.network),
         web3.value.type as Connector,
         web3.value.account,
         space,
@@ -303,7 +320,7 @@ export function useActions() {
     await wrapPromise(
       space.network,
       network.actions.updateProposal(
-        auth.web3,
+        await aliasableSigner(space.network),
         web3.value.type as Connector,
         web3.value.account,
         space,
@@ -485,6 +502,48 @@ export function useActions() {
     });
   }
 
+  async function followSpace(networkId: NetworkID, spaceId: string) {
+    if (!web3.value.account) {
+      await forceLogin();
+      return false;
+    }
+
+    const network = getNetwork(networkId);
+
+    try {
+      await wrapPromise(
+        networkId,
+        network.actions.followSpace(await aliasableSigner(networkId), spaceId, web3.value.account)
+      );
+    } catch (e) {
+      uiStore.addNotification('error', e.message);
+      return false;
+    }
+
+    return true;
+  }
+
+  async function unfollowSpace(networkId: NetworkID, spaceId: string) {
+    if (!web3.value.account) {
+      await forceLogin();
+      return false;
+    }
+
+    const network = getNetwork(networkId);
+
+    try {
+      await wrapPromise(
+        networkId,
+        network.actions.unfollowSpace(await aliasableSigner(networkId), spaceId, web3.value.account)
+      );
+    } catch (e) {
+      uiStore.addNotification('error', e.message);
+      return false;
+    }
+
+    return true;
+  }
+
   return {
     predictSpaceAddress: wrapWithErrors(predictSpaceAddress),
     deployDependency: wrapWithErrors(deployDependency),
@@ -503,6 +562,8 @@ export function useActions() {
     setMaxVotingDuration: wrapWithErrors(setMaxVotingDuration),
     transferOwnership: wrapWithErrors(transferOwnership),
     updateStrategies: wrapWithErrors(updateStrategies),
-    delegate: wrapWithErrors(delegate)
+    delegate: wrapWithErrors(delegate),
+    followSpace: wrapWithErrors(followSpace),
+    unfollowSpace: wrapWithErrors(unfollowSpace)
   };
 }
diff --git a/apps/ui/src/composables/useAlias.ts b/apps/ui/src/composables/useAlias.ts
new file mode 100644
index 000000000..666467465
--- /dev/null
+++ b/apps/ui/src/composables/useAlias.ts
@@ -0,0 +1,50 @@
+import { Wallet } from '@ethersproject/wallet';
+import { getDefaultProvider } from '@ethersproject/providers';
+import pkg from '../../package.json';
+import { enabledNetworks, getNetwork, offchainNetworks } from '@/networks';
+
+const aliases = useStorage(`${pkg.name}.aliases`, {} as Record<string, string>);
+
+const networkId = offchainNetworks.filter(network => enabledNetworks.includes(network))[0];
+const network = getNetwork(networkId);
+
+export function useAlias() {
+  const { web3 } = useWeb3();
+
+  const wallet = computed(() => {
+    const provider = getDefaultProvider();
+    const pk = aliases.value[web3.value.account];
+
+    if (!pk) return null;
+
+    return new Wallet(pk, provider);
+  });
+
+  async function create(actionFn: (address: string) => Promise<unknown>) {
+    const newAliasWallet = Wallet.createRandom();
+
+    await actionFn(newAliasWallet.address);
+
+    aliases.value = {
+      ...aliases.value,
+      ...{
+        [web3.value.account]: newAliasWallet.privateKey
+      }
+    };
+  }
+
+  async function isValid() {
+    if (!wallet.value) return false;
+
+    const registeredAlias = await network.api.loadAlias(web3.value.account, wallet.value.address);
+
+    if (!registeredAlias) return false;
+
+    return (
+      registeredAlias.address === web3.value.account &&
+      registeredAlias.alias === wallet.value.address
+    );
+  }
+
+  return { wallet, isValid, create };
+}
diff --git a/apps/ui/src/networks/common/graphqlApi/index.ts b/apps/ui/src/networks/common/graphqlApi/index.ts
index 65032b87b..69efafa1a 100644
--- a/apps/ui/src/networks/common/graphqlApi/index.ts
+++ b/apps/ui/src/networks/common/graphqlApi/index.ts
@@ -435,6 +435,9 @@ export function createApi(uri: string, networkId: NetworkID, opts: ApiOptions =
     },
     loadFollows: async () => {
       return [] as Follow[];
+    },
+    loadAlias: async () => {
+      return null;
     }
   };
 }
diff --git a/apps/ui/src/networks/evm/actions.ts b/apps/ui/src/networks/evm/actions.ts
index 1830cb872..fe2f8ccbb 100644
--- a/apps/ui/src/networks/evm/actions.ts
+++ b/apps/ui/src/networks/evm/actions.ts
@@ -606,6 +606,9 @@ export function createActions(
           };
         })
       );
-    }
+    },
+    followSpace: () => {},
+    unfollowSpace: () => {},
+    setAlias() {}
   };
 }
diff --git a/apps/ui/src/networks/offchain/actions.ts b/apps/ui/src/networks/offchain/actions.ts
index f7c1f31fa..f68ff25a1 100644
--- a/apps/ui/src/networks/offchain/actions.ts
+++ b/apps/ui/src/networks/offchain/actions.ts
@@ -1,4 +1,4 @@
-import { isAddress } from '@ethersproject/address';
+import { getAddress, isAddress } from '@ethersproject/address';
 import {
   OffchainNetworkConfig,
   clients,
@@ -11,7 +11,8 @@ import { EDITOR_APP_NAME, EDITOR_SNAPSHOT_OFFSET } from './constants';
 import { getUrl } from '@/helpers/utils';
 import { getProvider } from '@/helpers/provider';
 import { getSwapLink } from '@/helpers/link';
-import type { Web3Provider } from '@ethersproject/providers';
+import { Web3Provider } from '@ethersproject/providers';
+import type { Wallet } from '@ethersproject/wallet';
 import type { StrategyParsedMetadata, Choice, Proposal, Space, VoteType } from '@/types';
 import type {
   ReadOnlyNetworkActions,
@@ -40,7 +41,7 @@ export function createActions(
 
   return {
     async propose(
-      web3: Web3Provider,
+      web3: Web3Provider | Wallet,
       connectorType: Connector,
       account: string,
       space: Space,
@@ -77,13 +78,17 @@ export function createActions(
         snapshot: (await provider.getBlockNumber()) - EDITOR_SNAPSHOT_OFFSET,
         plugins: '{}',
         app: EDITOR_APP_NAME,
-        timestamp: currentTime
+        timestamp: currentTime,
+        from: getAddress(account)
       };
 
-      return client.propose({ signer: web3.getSigner(), data });
+      return client.propose({
+        signer: web3 instanceof Web3Provider ? web3.getSigner() : web3,
+        data
+      });
     },
     async updateProposal(
-      web3: Web3Provider,
+      web3: Web3Provider | Wallet,
       connectorType: Connector,
       account: string,
       space: Space,
@@ -113,10 +118,14 @@ export function createActions(
         type: payload.type,
         discussion: payload.discussion,
         choices: payload.choices,
-        plugins: '{}'
+        plugins: '{}',
+        from: getAddress(account)
       };
 
-      return client.updateProposal({ signer: web3.getSigner(), data });
+      return client.updateProposal({
+        signer: web3 instanceof Web3Provider ? web3.getSigner() : web3,
+        data
+      });
     },
     cancelProposal(web3: Web3Provider, proposal: Proposal) {
       return client.cancel({
@@ -125,7 +134,7 @@ export function createActions(
       });
     },
     vote(
-      web3: Web3Provider,
+      web3: Web3Provider | Wallet,
       connectorType: Connector,
       account: string,
       proposal: Proposal,
@@ -143,7 +152,7 @@ export function createActions(
       };
 
       return client.vote({
-        signer: web3.getSigner(),
+        signer: web3 instanceof Web3Provider ? web3.getSigner() : web3,
         data
       });
     },
@@ -201,6 +210,24 @@ export function createActions(
           swapLink: getSwapLink(strategy.name, strategy.params.address, strategy.network)
         };
       });
+    },
+    followSpace(web3: Web3Provider | Wallet, spaceId: string, from: string) {
+      return client.followSpace({
+        signer: web3 instanceof Web3Provider ? web3.getSigner() : web3,
+        data: { space: spaceId, from: from || getAddress(from) }
+      });
+    },
+    unfollowSpace(web3: Web3Provider | Wallet, spaceId: string, from: string) {
+      return client.unfollowSpace({
+        signer: web3 instanceof Web3Provider ? web3.getSigner() : web3,
+        data: { space: spaceId, from: from || getAddress(from) }
+      });
+    },
+    setAlias(web3: Web3Provider, alias: string) {
+      return client.setAlias({
+        signer: web3.getSigner(),
+        data: { alias }
+      });
     }
   };
 }
diff --git a/apps/ui/src/networks/offchain/api/index.ts b/apps/ui/src/networks/offchain/api/index.ts
index a55466cf8..eb333d0aa 100644
--- a/apps/ui/src/networks/offchain/api/index.ts
+++ b/apps/ui/src/networks/offchain/api/index.ts
@@ -6,7 +6,8 @@ import {
   PROPOSAL_QUERY,
   USER_VOTES_QUERY,
   USER_FOLLOWS_QUERY,
-  VOTES_QUERY
+  VOTES_QUERY,
+  ALIASES_QUERY
 } from './queries';
 import { PaginationOpts, SpacesFilter, NetworkApi } from '@/networks/types';
 import { getNames } from '@/helpers/stamp';
@@ -19,7 +20,8 @@ import {
   NetworkID,
   ProposalState,
   SpaceMetadataTreasury,
-  Follow
+  Follow,
+  Alias
 } from '@/types';
 import { ApiSpace, ApiProposal, ApiVote } from './types';
 import { DEFAULT_VOTING_DELAY } from '../constants';
@@ -360,7 +362,23 @@ export function createApi(uri: string, networkId: NetworkID): NetworkApi {
         }
       });
 
-      return follows;
+      return follows.map(follow => {
+        follow.space.network = networkId;
+        return follow;
+      });
+    },
+    loadAlias: async (address: string, aliasAddress: string): Promise<Alias | null> => {
+      const {
+        data: { aliases }
+      }: { data: { aliases: Alias[] } } = await apollo.query({
+        query: ALIASES_QUERY,
+        variables: {
+          address,
+          alias: aliasAddress
+        }
+      });
+
+      return aliases?.[0];
     }
   };
 }
diff --git a/apps/ui/src/networks/offchain/api/queries.ts b/apps/ui/src/networks/offchain/api/queries.ts
index 7c00646cc..f78275a07 100644
--- a/apps/ui/src/networks/offchain/api/queries.ts
+++ b/apps/ui/src/networks/offchain/api/queries.ts
@@ -181,3 +181,12 @@ export const VOTES_QUERY = gql`
     }
   }
 `;
+
+export const ALIASES_QUERY = gql`
+  query Aliases($address: String!, $alias: String!) {
+    aliases(where: { address: $address, alias: $alias }) {
+      address
+      alias
+    }
+  }
+`;
diff --git a/apps/ui/src/networks/starknet/actions.ts b/apps/ui/src/networks/starknet/actions.ts
index e50d6cf0f..54e0e1501 100644
--- a/apps/ui/src/networks/starknet/actions.ts
+++ b/apps/ui/src/networks/starknet/actions.ts
@@ -509,6 +509,9 @@ export function createActions(
         })
       );
     },
+    followSpace: () => {},
+    unfollowSpace: () => {},
+    setAlias: () => {},
     send: (envelope: any) => starkSigClient.send(envelope) // TODO: extract it out of client to common helper
   };
 }
diff --git a/apps/ui/src/networks/types.ts b/apps/ui/src/networks/types.ts
index 570a3983c..54b300b77 100644
--- a/apps/ui/src/networks/types.ts
+++ b/apps/ui/src/networks/types.ts
@@ -1,6 +1,7 @@
 import { FunctionalComponent } from 'vue';
 import type { Web3Provider } from '@ethersproject/providers';
 import type { Signer } from '@ethersproject/abstract-signer';
+import type { Wallet } from '@ethersproject/wallet';
 import type { MetaTransaction } from '@snapshot-labs/sx/dist/utils/encoding';
 import type {
   Space,
@@ -11,7 +12,8 @@ import type {
   Choice,
   NetworkID,
   StrategyParsedMetadata,
-  Follow
+  Follow,
+  Alias
 } from '@/types';
 
 export type PaginationOpts = { limit: number; skip?: number };
@@ -95,7 +97,7 @@ export type ReadOnlyNetworkActions = {
     snapshotInfo: SnapshotInfo
   ): Promise<VotingPower[]>;
   propose(
-    web3: Web3Provider,
+    web3: Web3Provider | Wallet,
     connectorType: Connector,
     account: string,
     space: Space,
@@ -104,7 +106,7 @@ export type ReadOnlyNetworkActions = {
     transactions: MetaTransaction[]
   ): Promise<any>;
   updateProposal(
-    web3: Web3Provider,
+    web3: Web3Provider | Wallet,
     connectorType: Connector,
     account: string,
     space: Space,
@@ -115,12 +117,15 @@ export type ReadOnlyNetworkActions = {
   ): Promise<any>;
   cancelProposal(web3: Web3Provider, proposal: Proposal);
   vote(
-    web3: Web3Provider,
+    web3: Web3Provider | Wallet,
     connectorType: Connector,
     account: string,
     proposal: Proposal,
     choice: Choice
   ): Promise<any>;
+  followSpace(web3: Web3Provider | Wallet, spaceId: string, from: string);
+  unfollowSpace(web3: Web3Provider | Wallet, spaceId: string, from: string);
+  setAlias(web3: Web3Provider, alias: string);
   send(envelope: any): Promise<any>;
 };
 
@@ -200,6 +205,7 @@ export type NetworkApi = {
   loadSpace(spaceId: string): Promise<Space | null>;
   loadUser(userId: string): Promise<User | null>;
   loadFollows(userId?: string, spaceId?: string): Promise<Follow[]>;
+  loadAlias(address: string, alias: string): Promise<Alias | null>;
 };
 
 export type NetworkConstants = {
diff --git a/apps/ui/src/stores/bookmarks.ts b/apps/ui/src/stores/bookmarks.ts
new file mode 100644
index 000000000..11313897d
--- /dev/null
+++ b/apps/ui/src/stores/bookmarks.ts
@@ -0,0 +1,205 @@
+import { defineStore } from 'pinia';
+import { enabledNetworks, getNetwork, offchainNetworks } from '@/networks';
+import pkg from '../../package.json';
+import { NetworkID, Space } from '@/types';
+
+const offchainNetworkId = offchainNetworks.filter(network => enabledNetworks.includes(network))[0];
+
+function compositeSpaceId(space: Space) {
+  return `${space.network}:${space.id}`;
+}
+
+export const useBookmarksStore = defineStore('bookmarks', () => {
+  const spacesStore = useSpacesStore();
+  const actions = useActions();
+  const { web3, authInitiated } = useWeb3();
+  const { mixpanel } = useMixpanel();
+
+  const spacesData = ref<Space[]>([]);
+  const followedSpacesIds = ref<string[]>([]);
+  const followedSpacesLoaded = ref(false);
+  const followSpaceLoading = ref(false);
+  const starredSpacesIds = useStorage(`${pkg.name}.spaces-starred`, [] as string[]);
+  const starredSpacesLoaded = ref(false);
+  // Combined list of starred and followed spaces by account, to keep sort order
+  const accountsBookmarkedSpacesIds = useStorage(
+    `${pkg.name}.spaces-bookmarked`,
+    {} as Record<string, string[]>
+  );
+
+  const bookmarksLoaded = computed(() => starredSpacesLoaded.value && followedSpacesLoaded.value);
+
+  const bookmarkedSpacesIds = computed(
+    () => accountsBookmarkedSpacesIds.value[web3.value.account] || []
+  );
+
+  const bookmarkedSpacesMap = computed(
+    () => new Map(spacesData.value.map(space => [compositeSpaceId(space), space]))
+  );
+
+  const bookmarkedSpaces = computed({
+    get() {
+      return (web3.value.account ? bookmarkedSpacesIds.value : starredSpacesIds.value)
+        .map(id => bookmarkedSpacesMap.value.get(id))
+        .filter(Boolean) as Space[];
+    },
+    set(spaces: Space[]) {
+      starredSpacesIds.value = spaces
+        .filter(space => space.network !== offchainNetworkId)
+        .map(compositeSpaceId);
+
+      accountsBookmarkedSpacesIds.value[web3.value.account] = spaces.map(compositeSpaceId);
+    }
+  });
+
+  function syncBookmarkedSpacesIds(spaceIds: string[], type: 'starred' | 'followed') {
+    accountsBookmarkedSpacesIds.value[web3.value.account] = Array.from(
+      new Set(
+        [...bookmarkedSpacesIds.value, ...spaceIds].filter(
+          id =>
+            id.startsWith(`${offchainNetworkId}:`) !== (type === 'followed') ||
+            spaceIds.includes(id)
+        )
+      )
+    );
+  }
+
+  async function fetchSpacesData(ids: string[]) {
+    if (!ids.length) return;
+
+    await spacesStore.fetchSpaces(ids.filter(id => !spacesStore.spacesMap.has(id)));
+
+    spacesData.value = [
+      ...spacesData.value,
+      ...(ids.map(id => spacesStore.spacesMap.get(id)).filter(Boolean) as Space[])
+    ];
+  }
+
+  async function loadFollowedSpaces() {
+    const network = getNetwork(offchainNetworkId);
+    const followedIds = (await network.api.loadFollows(web3.value.account)).map(follow =>
+      compositeSpaceId(follow.space)
+    );
+    const newIds = followedIds.filter(id => !isFollowed(id));
+    followedSpacesIds.value = followedIds;
+
+    syncBookmarkedSpacesIds(followedIds, 'followed');
+    fetchSpacesData(newIds);
+  }
+
+  function toggleSpaceStar(id: string) {
+    const alreadyStarred = isStarred(id);
+
+    if (alreadyStarred) {
+      starredSpacesIds.value = starredSpacesIds.value.filter((spaceId: string) => spaceId !== id);
+
+      if (web3.value.account)
+        accountsBookmarkedSpacesIds.value[web3.value.account] = accountsBookmarkedSpacesIds.value[
+          web3.value.account
+        ].filter((spaceId: string) => spaceId !== id);
+    } else {
+      starredSpacesIds.value = [id, ...starredSpacesIds.value];
+
+      if (web3.value.account)
+        accountsBookmarkedSpacesIds.value[web3.value.account] = [id, ...bookmarkedSpacesIds.value];
+    }
+
+    mixpanel.track('Set space favorite', {
+      space: id,
+      favorite: !alreadyStarred
+    });
+  }
+
+  async function toggleSpaceFollow(id: string) {
+    const alreadyFollowed = followedSpacesIds.value.includes(id);
+    const [spaceNetwork, spaceId] = id.split(':');
+    followSpaceLoading.value = true;
+
+    try {
+      if (alreadyFollowed) {
+        const result = await actions.unfollowSpace(spaceNetwork as NetworkID, spaceId);
+        if (!result) return;
+
+        followedSpacesIds.value = followedSpacesIds.value.filter(
+          (spaceId: string) => spaceId !== id
+        );
+        accountsBookmarkedSpacesIds.value[web3.value.account] = accountsBookmarkedSpacesIds.value[
+          web3.value.account
+        ].filter((spaceId: string) => spaceId !== id);
+      } else {
+        const result = await actions.followSpace(spaceNetwork as NetworkID, spaceId);
+        if (!result) return;
+
+        fetchSpacesData([id]);
+
+        followedSpacesIds.value = [id, ...followedSpacesIds.value];
+        accountsBookmarkedSpacesIds.value[web3.value.account] = [id, ...bookmarkedSpacesIds.value];
+      }
+    } catch (e) {
+    } finally {
+      followSpaceLoading.value = false;
+    }
+  }
+
+  function isStarred(spaceId: string) {
+    return starredSpacesIds.value.includes(spaceId);
+  }
+
+  function isFollowed(spaceId: string) {
+    return followedSpacesIds.value.includes(spaceId);
+  }
+
+  watch(
+    starredSpacesIds,
+    async (currentIds, previousIds) => {
+      if (web3.value.account) syncBookmarkedSpacesIds(currentIds, 'starred');
+
+      const newIds = !previousIds
+        ? currentIds
+        : currentIds.filter(
+            (id: string) => !previousIds.includes(id) && !bookmarkedSpacesMap.value.has(id)
+          );
+
+      await fetchSpacesData(newIds);
+
+      starredSpacesLoaded.value = true;
+    },
+    { immediate: true }
+  );
+
+  watch(
+    [
+      () => web3.value.account,
+      () => web3.value.type,
+      () => web3.value.authLoading,
+      () => authInitiated.value
+    ],
+    async ([web3, type, authLoading, authInitiated]) => {
+      if (!authInitiated || authLoading) return;
+
+      if (!web3) {
+        followedSpacesIds.value = [];
+        followedSpacesLoaded.value = true;
+        return;
+      }
+
+      if (type !== 'argentx') await loadFollowedSpaces();
+
+      followedSpacesLoaded.value = true;
+    },
+    { immediate: true }
+  );
+
+  return {
+    bookmarkedSpaces,
+    bookmarksLoaded,
+    starredSpacesLoaded,
+    followedSpacesIds,
+    followedSpacesLoaded,
+    followSpaceLoading,
+    isStarred,
+    isFollowed,
+    toggleSpaceStar,
+    toggleSpaceFollow
+  };
+});
diff --git a/apps/ui/src/stores/spaces.ts b/apps/ui/src/stores/spaces.ts
index 1d12d11ae..824a0079c 100644
--- a/apps/ui/src/stores/spaces.ts
+++ b/apps/ui/src/stores/spaces.ts
@@ -1,14 +1,9 @@
 import { defineStore } from 'pinia';
 import { getNetwork } from '@/networks';
-import { NetworkID, Space } from '@/types';
-import pkg from '../../package.json';
+import { NetworkID } from '@/types';
 
 export const useSpacesStore = defineStore('spaces', () => {
   const metaStore = useMetaStore();
-  const { mixpanel } = useMixpanel();
-  const starredSpacesIds = useStorage(`${pkg.name}.spaces-starred`, [] as string[]);
-  const starredSpacesData = ref([] as Space[]);
-  const starredSpacesLoaded = ref(false);
 
   const {
     loading,
@@ -17,26 +12,11 @@ export const useSpacesStore = defineStore('spaces', () => {
     spaces,
     spacesMap,
     hasMoreSpaces,
-    getSpaces,
     fetch,
-    fetchMore
+    fetchMore,
+    getSpaces
   } = useSpaces();
 
-  const starredSpacesMap = computed(
-    () => new Map(starredSpacesData.value.map(space => [`${space.network}:${space.id}`, space]))
-  );
-
-  const starredSpaces = computed({
-    get() {
-      return starredSpacesIds.value
-        .map(id => starredSpacesMap.value.get(id))
-        .filter(Boolean) as Space[];
-    },
-    set(spaces: Space[]) {
-      starredSpacesIds.value = spaces.map(space => `${space.network}:${space.id}`);
-    }
-  });
-
   async function fetchSpace(spaceId: string, networkId: NetworkID) {
     await metaStore.fetchBlock(networkId);
 
@@ -44,60 +24,28 @@ export const useSpacesStore = defineStore('spaces', () => {
 
     const space = await network.api.loadSpace(spaceId);
     if (!space) return;
-
     networksMap.value[networkId].spaces = {
       ...networksMap.value[networkId].spaces,
       [spaceId]: space
     };
   }
 
-  function toggleSpaceStar(id: string) {
-    const alreadyStarred = starredSpacesIds.value.includes(id);
-
-    if (alreadyStarred) {
-      starredSpacesIds.value = starredSpacesIds.value.filter((spaceId: string) => spaceId !== id);
-    } else {
-      starredSpacesIds.value = [id, ...starredSpacesIds.value];
-    }
-
-    mixpanel.track('Set space favorite', {
-      space: id,
-      favorite: !alreadyStarred
+  async function fetchSpaces(spaceIds: string[]) {
+    const spaces = await getSpaces({
+      id_in: spaceIds
     });
-  }
-
-  watch(
-    starredSpacesIds,
-    async (currentIds, previousIds) => {
-      const newIds = !previousIds
-        ? currentIds
-        : currentIds.filter(
-            (id: string) => !previousIds.includes(id) && !starredSpacesMap.value.has(id)
-          );
 
-      if (!newIds.length) {
-        starredSpacesLoaded.value = true;
-        return;
-      }
+    if (!spaces.length) return;
 
-      const spaces = await getSpaces({
-        id_in: newIds.filter(id => !spacesMap.value.has(id))
-      });
-
-      starredSpacesLoaded.value = true;
-      starredSpacesData.value = [
-        ...starredSpacesData.value,
-        ...spaces,
-        ...(newIds.map(id => spacesMap.value.get(id)).filter(s => !!s) as Space[])
-      ];
-    },
-    { immediate: true }
-  );
+    for (const space of spaces) {
+      networksMap.value[space.network].spaces = {
+        ...networksMap.value[space.network].spaces,
+        [space.id]: space
+      };
+    }
+  }
 
   return {
-    starredSpacesIds,
-    starredSpaces,
-    starredSpacesLoaded,
     loading,
     loaded,
     networksMap,
@@ -107,6 +55,6 @@ export const useSpacesStore = defineStore('spaces', () => {
     fetch,
     fetchMore,
     fetchSpace,
-    toggleSpaceStar
+    fetchSpaces
   };
 });
diff --git a/apps/ui/src/types.ts b/apps/ui/src/types.ts
index e820978db..730a1006f 100644
--- a/apps/ui/src/types.ts
+++ b/apps/ui/src/types.ts
@@ -200,6 +200,11 @@ export type Follow = {
   created: number;
 };
 
+export type Alias = {
+  address: string;
+  alias: string;
+};
+
 export type Contact = {
   address: string;
   name: string;
diff --git a/apps/ui/src/views/My/Home.vue b/apps/ui/src/views/My/Home.vue
index 2b6f00ca6..cc1d96fbc 100644
--- a/apps/ui/src/views/My/Home.vue
+++ b/apps/ui/src/views/My/Home.vue
@@ -10,7 +10,8 @@ useTitle('Home');
 
 const metaStore = useMetaStore();
 const { web3 } = useWeb3();
-const { loadVotes, loadFollows, follows } = useAccount();
+const { loadVotes } = useAccount();
+const bookmarksStore = useBookmarksStore();
 
 const loaded = ref(false);
 const loadingMore = ref(false);
@@ -46,7 +47,7 @@ async function withAuthorNames(proposals: Proposal[]) {
 async function loadProposalsPage(skip = 0) {
   return withAuthorNames(
     await network.value.api.loadProposals(
-      follows.value,
+      bookmarksStore.followedSpacesIds.map(compositeSpaceId => compositeSpaceId.split(':')[1]),
       { limit: PROPOSALS_LIMIT, skip },
       metaStore.getCurrent(networkId.value) || 0,
       filter.value
@@ -77,26 +78,20 @@ async function handleEndReached() {
 
 onMounted(() => {
   metaStore.fetchBlock(networkId.value);
-  loadFollows(networkId.value);
 });
 
 watch(
-  () => web3.value.account,
-  () => loadFollows(networkId.value)
-);
-
-watch(
-  () => follows.value,
+  () => bookmarksStore.followedSpacesIds,
   () => {
     loaded.value = false;
     proposals.value = [];
 
-    if (!follows.value.length) {
+    if (!bookmarksStore.followedSpacesIds.length) {
       loaded.value = true;
       return;
     }
 
-    loadVotes(networkId.value, follows.value);
+    loadVotes(networkId.value, bookmarksStore.followedSpacesIds);
     fetch();
   }
 );
diff --git a/apps/ui/src/views/Space/Overview.vue b/apps/ui/src/views/Space/Overview.vue
index 5b262ae16..9e18a30b3 100644
--- a/apps/ui/src/views/Space/Overview.vue
+++ b/apps/ui/src/views/Space/Overview.vue
@@ -15,7 +15,7 @@ const props = defineProps<{ space: Space }>();
 
 const { setTitle } = useTitle();
 const { web3 } = useWeb3();
-const spacesStore = useSpacesStore();
+const bookmarksStore = useBookmarksStore();
 const proposalsStore = useProposalsStore();
 
 const editSpaceModalOpen = ref(false);
@@ -25,8 +25,10 @@ onMounted(() => {
 });
 
 const spaceIdComposite = `${props.space.network}:${props.space.id}`;
+const isOffchainSpace = offchainNetworks.includes(props.space.network);
 
-const spaceStarred = computed(() => spacesStore.starredSpacesIds.includes(spaceIdComposite));
+const spaceStarred = computed(() => bookmarksStore.isStarred(spaceIdComposite));
+const spaceFollowed = computed(() => bookmarksStore.isFollowed(spaceIdComposite));
 const isController = computed(() => compareAddresses(props.space.controller, web3.value.account));
 
 const socials = computed(() =>
@@ -79,8 +81,30 @@ watchEffect(() => setTitle(props.space.name));
             <IH-cog class="inline-block" />
           </UiButton>
         </UiTooltip>
-        <UiTooltip :title="spaceStarred ? 'Remove from favorites' : 'Add to favorites'">
-          <UiButton class="w-[46px] !px-0" @click="spacesStore.toggleSpaceStar(spaceIdComposite)">
+        <UiButton
+          v-if="isOffchainSpace && web3.type !== 'argentx'"
+          :disabled="!bookmarksStore.followedSpacesLoaded"
+          class="group"
+          :class="{ 'hover:border-skin-danger': spaceFollowed }"
+          @click="bookmarksStore.toggleSpaceFollow(spaceIdComposite)"
+        >
+          <UiLoading
+            v-if="!bookmarksStore.followedSpacesLoaded && !bookmarksStore.followSpaceLoading"
+          />
+          <span v-else-if="spaceFollowed" class="inline-block">
+            <span class="group-hover:inline hidden text-skin-danger">Unfollow</span>
+            <span class="group-hover:hidden">Following</span>
+          </span>
+          <span v-else class="inline-block">Follow</span>
+        </UiButton>
+        <UiTooltip
+          v-else-if="!isOffchainSpace"
+          :title="spaceStarred ? 'Remove from favorites' : 'Add to favorites'"
+        >
+          <UiButton
+            class="w-[46px] !px-0"
+            @click="bookmarksStore.toggleSpaceStar(spaceIdComposite)"
+          >
             <IS-star v-if="spaceStarred" class="inline-block" />
             <IH-star v-else class="inline-block" />
           </UiButton>
@@ -93,7 +117,7 @@ watchEffect(() => setTitle(props.space.name));
           <SpaceAvatar
             :space="space"
             :size="90"
-            :type="offchainNetworks.includes(space.network) ? 'space' : 'space-sx'"
+            :type="isOffchainSpace ? 'space' : 'space-sx'"
             class="relative mb-2 border-[4px] border-skin-bg !bg-skin-border !rounded-lg left-[-4px]"
           />
         </router-link>
@@ -104,7 +128,7 @@ watchEffect(() => setTitle(props.space.name));
         <div class="mb-3">
           <b class="text-skin-link">{{ _n(space.proposal_count) }}</b> proposals ·
           <b class="text-skin-link">{{ _n(space.vote_count, 'compact') }}</b> votes
-          <span v-if="offchainNetworks.includes(space.network)">
+          <span v-if="isOffchainSpace">
             · <b class="text-skin-link">{{ _n(space.follower_count, 'compact') }}</b> followers
           </span>
         </div>
diff --git a/packages/sx.js/src/clients/offchain/ethereum-sig/index.ts b/packages/sx.js/src/clients/offchain/ethereum-sig/index.ts
index c9a84ebee..44ac61cde 100644
--- a/packages/sx.js/src/clients/offchain/ethereum-sig/index.ts
+++ b/packages/sx.js/src/clients/offchain/ethereum-sig/index.ts
@@ -10,21 +10,30 @@ import {
   rankedChoiceVoteTypes,
   weightedVoteTypes,
   updateProposalTypes,
-  cancelProposalTypes
+  cancelProposalTypes,
+  followSpaceTypes,
+  unfollowSpaceTypes,
+  aliasTypes
 } from './types';
 import type { Signer, TypedDataSigner, TypedDataField } from '@ethersproject/abstract-signer';
-import type {
-  SignatureData,
-  Envelope,
-  Vote,
-  Propose,
-  UpdateProposal,
-  CancelProposal,
-  EIP712Message,
-  EIP712VoteMessage,
-  EIP712ProposeMessage,
-  EIP712UpdateProposal,
-  EIP712CancelProposalMessage
+import {
+  type SignatureData,
+  type Envelope,
+  type Vote,
+  type Propose,
+  type UpdateProposal,
+  type CancelProposal,
+  type FollowSpace,
+  type UnfollowSpace,
+  type EIP712Message,
+  type EIP712VoteMessage,
+  type EIP712ProposeMessage,
+  type EIP712UpdateProposal,
+  type EIP712CancelProposalMessage,
+  type EIP712FollowSpaceMessage,
+  type EIP712UnfollowSpaceMessage,
+  SetAlias,
+  EIP712SetAliasMessage
 } from '../types';
 import type { OffchainNetworkConfig } from '../../../types';
 
@@ -53,6 +62,9 @@ export class EthereumSig {
       | EIP712ProposeMessage
       | EIP712UpdateProposal
       | EIP712CancelProposalMessage
+      | EIP712FollowSpaceMessage
+      | EIP712UnfollowSpaceMessage
+      | EIP712SetAliasMessage
   >(
     signer: Signer & TypedDataSigner,
     message: T,
@@ -76,7 +88,11 @@ export class EthereumSig {
     };
   }
 
-  public async send(envelope: Envelope<Vote | Propose | UpdateProposal | CancelProposal>) {
+  public async send(
+    envelope: Envelope<
+      Vote | Propose | UpdateProposal | CancelProposal | FollowSpace | UnfollowSpace | SetAlias
+    >
+  ) {
     const { address, signature: sig, domain, types, message } = envelope.signatureData!;
     const payload = {
       address,
@@ -212,4 +228,49 @@ export class EthereumSig {
       data
     };
   }
+
+  public async followSpace({
+    signer,
+    data
+  }: {
+    signer: Signer & TypedDataSigner;
+    data: FollowSpace;
+  }): Promise<Envelope<FollowSpace>> {
+    const signatureData = await this.sign(signer, data, followSpaceTypes);
+
+    return {
+      signatureData,
+      data
+    };
+  }
+
+  public async unfollowSpace({
+    signer,
+    data
+  }: {
+    signer: Signer & TypedDataSigner;
+    data: UnfollowSpace;
+  }): Promise<Envelope<UnfollowSpace>> {
+    const signatureData = await this.sign(signer, data, unfollowSpaceTypes);
+
+    return {
+      signatureData,
+      data
+    };
+  }
+
+  public async setAlias({
+    signer,
+    data
+  }: {
+    signer: Signer & TypedDataSigner;
+    data: SetAlias;
+  }): Promise<Envelope<SetAlias>> {
+    const signatureData = await this.sign(signer, data, aliasTypes);
+
+    return {
+      signatureData,
+      data
+    };
+  }
 }
diff --git a/packages/sx.js/src/clients/offchain/ethereum-sig/types.ts b/packages/sx.js/src/clients/offchain/ethereum-sig/types.ts
index c8f557791..1f08cff12 100644
--- a/packages/sx.js/src/clients/offchain/ethereum-sig/types.ts
+++ b/packages/sx.js/src/clients/offchain/ethereum-sig/types.ts
@@ -100,3 +100,27 @@ export const cancelProposalTypes = {
     { name: 'proposal', type: 'bytes32' }
   ]
 };
+
+export const followSpaceTypes = {
+  Follow: [
+    { name: 'from', type: 'address' },
+    { name: 'space', type: 'string' },
+    { name: 'timestamp', type: 'uint64' }
+  ]
+};
+
+export const unfollowSpaceTypes = {
+  Unfollow: [
+    { name: 'from', type: 'address' },
+    { name: 'space', type: 'string' },
+    { name: 'timestamp', type: 'uint64' }
+  ]
+};
+
+export const aliasTypes = {
+  Alias: [
+    { name: 'from', type: 'address' },
+    { name: 'alias', type: 'address' },
+    { name: 'timestamp', type: 'uint64' }
+  ]
+};
diff --git a/packages/sx.js/src/clients/offchain/types.ts b/packages/sx.js/src/clients/offchain/types.ts
index 0b68e9066..f0824ed1b 100644
--- a/packages/sx.js/src/clients/offchain/types.ts
+++ b/packages/sx.js/src/clients/offchain/types.ts
@@ -11,7 +11,16 @@ export type SignatureData = {
   message: Record<string, any>;
 };
 
-export type Envelope<T extends Vote | Propose | UpdateProposal | CancelProposal> = {
+export type Envelope<
+  T extends
+    | Vote
+    | Propose
+    | UpdateProposal
+    | CancelProposal
+    | FollowSpace
+    | UnfollowSpace
+    | SetAlias
+> = {
   signatureData?: SignatureData;
   data: T;
 };
@@ -85,8 +94,32 @@ export type EIP712CancelProposalMessage = {
   timestamp?: number;
 };
 
+export type EIP712FollowSpaceMessage = {
+  space: string;
+  from?: string;
+  timestamp?: number;
+};
+
+export type EIP712UnfollowSpaceMessage = {
+  space: string;
+  from?: string;
+  timestamp?: number;
+};
+
+export type EIP712SetAliasMessage = {
+  alias: string;
+  from?: string;
+  timestamp?: number;
+};
+
 export type EIP712Message = Required<
-  EIP712VoteMessage | EIP712ProposeMessage | EIP712UpdateProposal | EIP712CancelProposalMessage
+  | EIP712VoteMessage
+  | EIP712ProposeMessage
+  | EIP712UpdateProposal
+  | EIP712CancelProposalMessage
+  | EIP712FollowSpaceMessage
+  | EIP712UnfollowSpaceMessage
+  | EIP712SetAliasMessage
 >;
 
 export type Vote = {
@@ -99,6 +132,7 @@ export type Vote = {
   type: string;
   privacy?: Privacy;
   timestamp?: number;
+  from?: string;
 };
 
 export type Propose = {
@@ -114,6 +148,7 @@ export type Propose = {
   plugins: string;
   app: string;
   timestamp?: number;
+  from?: string;
 };
 
 export type UpdateProposal = {
@@ -125,6 +160,7 @@ export type UpdateProposal = {
   discussion: string;
   choices: string[];
   plugins: string;
+  from?: string;
 };
 
 export type CancelProposal = {
@@ -133,3 +169,21 @@ export type CancelProposal = {
   timestamp?: number;
   proposal: string;
 };
+
+export type FollowSpace = {
+  from?: string;
+  space: string;
+  timestamp?: number;
+};
+
+export type UnfollowSpace = {
+  from?: string;
+  space: string;
+  timestamp?: number;
+};
+
+export type SetAlias = {
+  from?: string;
+  alias: string;
+  timestamp?: number;
+};