diff --git a/src/graphql/BuildersQueries.graphql b/src/graphql/BuildersQueries.graphql
index cd0a9ca..0e72aaa 100644
--- a/src/graphql/BuildersQueries.graphql
+++ b/src/graphql/BuildersQueries.graphql
@@ -141,3 +141,33 @@ query combinedBuildersList(
     totalSubnets
   }
 }
+
+# TEMP: To filter by name
+query combinedBuildersListFilteredByPredefinedBuilders(
+  $orderBy: BuildersProject_orderBy
+  $orderDirection: OrderDirection
+  $name_in: [String!] = ""
+  $address: Bytes = ""
+) {
+  buildersProjects(
+    orderBy: $orderBy
+    orderDirection: $orderDirection
+    where: {name_in: $name_in}
+  ) {
+    ...BuilderProject
+  }
+
+
+  buildersUsers(where: {
+    address: $address
+    buildersProject_: {name_in: $name_in}
+  }) {
+    address
+    id
+    lastStake
+    staked
+    buildersProject {
+      ...BuilderProject
+    }
+  }
+}
diff --git a/src/pages/Builders/pages/BuildersList/components/BuildersTable.vue b/src/pages/Builders/pages/BuildersList/components/BuildersTable.vue
deleted file mode 100644
index e380aea..0000000
--- a/src/pages/Builders/pages/BuildersList/components/BuildersTable.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-<template>
-  <div class="flex w-full flex-col gap-2">
-    <div
-      :class="
-        cn(
-          'hidden',
-          'grid-cols-[max(216px),max(160px),max(190px),1fr,1fr,max(100px)] items-center md:grid',
-          'gap-2 px-8',
-        )
-      "
-    >
-      <div class="builders-table__header-item">
-        <span class="builders-table__header-item-text">
-          {{ $t('builders-table.name-th') }}
-        </span>
-      </div>
-      <button
-        class="builders-table__header-item"
-        @click="$emit('update-sorting', BuildersProject_OrderBy.StartsAt)"
-      >
-        <span class="builders-table__header-item-text">
-          {{ $t('builders-table.starts-time-th') }}
-        </span>
-        <div class="builders-table__header-icons-wrp">
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy === BuildersProject_OrderBy.StartsAt &&
-                orderDirection === OrderDirection.Asc,
-            }"
-            :name="$icons.triangleTop"
-          />
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy === BuildersProject_OrderBy.StartsAt &&
-                orderDirection === OrderDirection.Desc,
-            }"
-            :name="$icons.triangleTop"
-          />
-        </div>
-      </button>
-      <button
-        class="builders-table__header-item"
-        @click="$emit('update-sorting', BuildersProject_OrderBy.MinimalDeposit)"
-      >
-        <span class="builders-table__header-item-text">
-          {{ $t('builders-table.min-deposit-th') }}
-        </span>
-        <div class="builders-table__header-icons-wrp">
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy === BuildersProject_OrderBy.MinimalDeposit &&
-                orderDirection === OrderDirection.Asc,
-            }"
-            :name="$icons.triangleTop"
-          />
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy === BuildersProject_OrderBy.MinimalDeposit &&
-                orderDirection === OrderDirection.Desc,
-            }"
-            :name="$icons.triangleTop"
-          />
-        </div>
-      </button>
-      <button
-        class="builders-table__header-item"
-        @click="$emit('update-sorting', BuildersProject_OrderBy.TotalStaked)"
-      >
-        <span class="builders-table__header-item-text">
-          {{ $t('builders-table.total-staked-th') }}
-        </span>
-        <div class="builders-table__header-icons-wrp">
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy === BuildersProject_OrderBy.TotalStaked &&
-                orderDirection === OrderDirection.Asc,
-            }"
-            :name="$icons.triangleTop"
-          />
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy === BuildersProject_OrderBy.TotalStaked &&
-                orderDirection === OrderDirection.Desc,
-            }"
-            :name="$icons.triangleTop"
-          />
-        </div>
-      </button>
-      <button
-        class="builders-table__header-item"
-        @click="
-          $emit(
-            'update-sorting',
-            BuildersProject_OrderBy.WithdrawLockPeriodAfterDeposit,
-          )
-        "
-      >
-        <span class="builders-table__header-item-text">
-          {{ $t('builders-table.withdraw-lock-period-th') }}
-        </span>
-        <div class="builders-table__header-icons-wrp">
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy ===
-                  BuildersProject_OrderBy.WithdrawLockPeriodAfterDeposit &&
-                orderDirection === OrderDirection.Asc,
-            }"
-            :name="$icons.triangleTop"
-          />
-          <app-icon
-            class="builders-table__header-item-icon"
-            :class="{
-              'builders-table__header-item-icon--active':
-                orderBy ===
-                  BuildersProject_OrderBy.WithdrawLockPeriodAfterDeposit &&
-                orderDirection === OrderDirection.Desc,
-            }"
-            :name="$icons.triangleTop"
-          />
-        </div>
-      </button>
-      <div class=""></div>
-    </div>
-    <builders-table-item
-      v-for="el in buildersProjects"
-      :key="el.id"
-      :builder-project="el"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import BuildersTableItem from './BuildersTableItem.vue'
-import { AppIcon } from '@/common'
-import {
-  BuilderProjectFragment,
-  BuildersProject_OrderBy,
-  OrderDirection,
-} from '@/types/graphql'
-import { cn } from '@/theme/utils'
-
-withDefaults(
-  defineProps<{
-    buildersProjects: BuilderProjectFragment[]
-    orderBy: BuildersProject_OrderBy
-    orderDirection: OrderDirection
-  }>(),
-  {},
-)
-
-defineEmits<{
-  (e: 'update-sorting', orderBy: BuildersProject_OrderBy): void
-}>()
-</script>
-
-<style scoped lang="scss">
-.builders-table__header-item {
-  display: flex;
-  align-items: center;
-  justify-self: end;
-  gap: toRem(8);
-
-  &:first-child {
-    justify-self: start;
-  }
-}
-
-.builders-table__header-item-text {
-  font-size: toRem(16);
-  line-height: toRem(24);
-  color: var(--text-tertiary-main);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.builders-table__header-icons-wrp {
-  display: flex;
-  flex-direction: column;
-}
-
-.builders-table__header-item-icon {
-  @include square(10);
-
-  &--active {
-    color: var(--primary-main);
-  }
-
-  &:nth-child(2) {
-    transform: rotate(180deg);
-  }
-}
-</style>
diff --git a/src/pages/Builders/pages/BuildersList/components/BuildersTable/components/SortingIconButton.vue b/src/pages/Builders/pages/BuildersList/components/BuildersTable/components/SortingIconButton.vue
new file mode 100644
index 0000000..44fcc7c
--- /dev/null
+++ b/src/pages/Builders/pages/BuildersList/components/BuildersTable/components/SortingIconButton.vue
@@ -0,0 +1,62 @@
+<script setup lang="ts">
+import { BuildersProject_OrderBy, OrderDirection } from '@/types/graphql'
+import { AppIcon } from '@/common'
+import { cn } from '@/theme/utils'
+
+const orderByModel = defineModel<BuildersProject_OrderBy>('orderByModel')
+const orderDirectionModel = defineModel<OrderDirection>('orderDirectionModel')
+
+const props = withDefaults(
+  defineProps<{
+    label: string
+    orderBy: BuildersProject_OrderBy
+  }>(),
+  {},
+)
+
+const handleClick = () => {
+  orderByModel.value = props.orderBy
+
+  if (orderDirectionModel.value === OrderDirection.Asc) {
+    orderDirectionModel.value = OrderDirection.Desc
+
+    return
+  }
+
+  orderDirectionModel.value = OrderDirection.Asc
+}
+</script>
+
+<template>
+  <button class="flex items-center gap-2" @click="handleClick">
+    <span class="line-clamp-1 text-[16px] leading-[24px] text-textTertiaryMain">
+      {{ label }}
+    </span>
+    <div class="flex flex-col">
+      <app-icon
+        class="size-[10px]"
+        :class="
+          cn(
+            orderByModel === orderBy &&
+              orderDirectionModel === OrderDirection.Asc &&
+              'text-primaryMain',
+          )
+        "
+        :name="$icons.triangleTop"
+      />
+      <app-icon
+        class="size-[10px] rotate-180"
+        :class="
+          cn(
+            orderByModel === orderBy &&
+              orderDirectionModel === OrderDirection.Desc &&
+              'text-primaryMain',
+          )
+        "
+        :name="$icons.triangleTop"
+      />
+    </div>
+  </button>
+</template>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/Builders/pages/BuildersList/components/BuildersTable/index.vue b/src/pages/Builders/pages/BuildersList/components/BuildersTable/index.vue
new file mode 100644
index 0000000..90ac26c
--- /dev/null
+++ b/src/pages/Builders/pages/BuildersList/components/BuildersTable/index.vue
@@ -0,0 +1,78 @@
+<template>
+  <div class="flex w-full flex-col gap-2">
+    <div
+      :class="
+        cn(
+          'hidden',
+          'grid-cols-[max(216px),max(160px),max(190px),1fr,1fr,max(100px)] items-center md:grid',
+          'gap-2 px-8',
+        )
+      "
+    >
+      <div class="flex items-center gap-2">
+        <span
+          class="line-clamp-1 text-[16px] leading-[24px] text-textTertiaryMain"
+        >
+          {{ $t('builders-table.name-th') }}
+        </span>
+      </div>
+      <sorting-icon-button
+        class="justify-self-end"
+        :label="$t('builders-table.starts-time-th')"
+        :order-by="BuildersProject_OrderBy.StartsAt"
+        v-model:order-by-model="orderByModel"
+        v-model:order-direction-model="orderDirectionModel"
+      />
+      <sorting-icon-button
+        class="justify-self-end"
+        :label="$t('builders-table.min-deposit-th')"
+        :order-by="BuildersProject_OrderBy.MinimalDeposit"
+        v-model:order-by-model="orderByModel"
+        v-model:order-direction-model="orderDirectionModel"
+      />
+      <sorting-icon-button
+        class="justify-self-end"
+        :label="$t('builders-table.total-staked-th')"
+        :order-by="BuildersProject_OrderBy.TotalStaked"
+        v-model:order-by-model="orderByModel"
+        v-model:order-direction-model="orderDirectionModel"
+      />
+      <sorting-icon-button
+        class="justify-self-end"
+        :label="$t('builders-table.withdraw-lock-period-th')"
+        :order-by="BuildersProject_OrderBy.WithdrawLockPeriodAfterDeposit"
+        v-model:order-by-model="orderByModel"
+        v-model:order-direction-model="orderDirectionModel"
+      />
+      <div class=""></div>
+    </div>
+    <builders-table-item
+      v-for="el in buildersProjects"
+      :key="el.id"
+      :builder-project="el"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import BuildersTableItem from '../BuildersTableItem.vue'
+import {
+  BuilderProjectFragment,
+  BuildersProject_OrderBy,
+  OrderDirection,
+} from '@/types/graphql'
+import { cn } from '@/theme/utils'
+import SortingIconButton from '@/pages/Builders/pages/BuildersList/components/BuildersTable/components/SortingIconButton.vue'
+
+const orderByModel = defineModel<BuildersProject_OrderBy>('orderByModel')
+const orderDirectionModel = defineModel<OrderDirection>('orderDirectionModel')
+
+withDefaults(
+  defineProps<{
+    buildersProjects: BuilderProjectFragment[]
+  }>(),
+  {},
+)
+</script>
+
+<style scoped lang="scss"></style>
diff --git a/src/pages/Builders/pages/BuildersList/index.vue b/src/pages/Builders/pages/BuildersList/index.vue
index 505ce32..2c39fee 100644
--- a/src/pages/Builders/pages/BuildersList/index.vue
+++ b/src/pages/Builders/pages/BuildersList/index.vue
@@ -42,9 +42,8 @@
         <builders-table
           class="mt-8"
           :builders-projects="listData.buildersProjects"
-          :order-by="orderBy"
-          :order-direction="orderDirection"
-          @update-sorting="handleChangeSorting"
+          v-model:order-by-model="orderBy"
+          v-model:order-direction-model="orderDirection"
         />
       </template>
       <template v-else>
@@ -90,9 +89,8 @@
           <builders-table
             class="w-full"
             :builders-projects="listData.userAccountBuildersProjects"
-            :order-by="orderBy"
-            :order-direction="orderDirection"
-            @update-sorting="handleChangeSorting"
+            v-model:order-by-model="orderBy"
+            v-model:order-direction-model="orderDirection"
           />
         </template>
       </template>
@@ -120,16 +118,19 @@ import {
   Pagination,
   SkeletonTable,
 } from '@/common'
-import BuildersTable from '@/pages/Builders/pages/BuildersList/components/BuildersTable.vue'
+import BuildersTable from '@/pages/Builders/pages/BuildersList/components/BuildersTable/index.vue'
 import BuilderFormModal from '@/pages/Builders/components/BuilderFormModal.vue'
 import {
   BuildersProject_OrderBy,
   CombinedBuildersList,
+  CombinedBuildersListFilteredByPredefinedBuilders,
+  CombinedBuildersListFilteredByPredefinedBuildersQuery,
+  CombinedBuildersListFilteredByPredefinedBuildersQueryVariables,
   CombinedBuildersListQuery,
   CombinedBuildersListQueryVariables,
   OrderDirection,
 } from '@/types/graphql'
-import { ref, provide } from 'vue'
+import { provide, ref } from 'vue'
 import { DEFAULT_PAGE_LIMIT } from '@/const'
 import { useRoute, useRouter } from 'vue-router'
 import { useWeb3ProvidersStore } from '@/store'
@@ -137,6 +138,14 @@ import { ROUTE_NAMES } from '@/enums'
 import { useLoad } from '@/composables'
 import { storeToRefs } from 'pinia'
 import { useSecondApolloClient } from '@/composables/use-second-apollo-client'
+import { NetworkTypes } from '@config'
+import predefinedBuildersMeta from '@/assets/predefined-builders-meta.json'
+
+type LoadBuildersResponse = {
+  buildersProjects: CombinedBuildersListQuery['buildersProjects']
+  userAccountBuildersProjects: CombinedBuildersListQuery['buildersProjects']
+  buildersCounters: CombinedBuildersListQuery['counters'][0]
+}
 
 defineOptions({
   inheritAttrs: false,
@@ -145,33 +154,105 @@ defineOptions({
 const route = useRoute()
 const router = useRouter()
 
-const { provider } = storeToRefs(useWeb3ProvidersStore())
+const { provider, networkType } = storeToRefs(useWeb3ProvidersStore())
 
 const currentPage = ref(1)
 
-const orderBy = ref(BuildersProject_OrderBy.Id)
-const orderDirection = ref(OrderDirection.Desc)
+const orderBy = ref(BuildersProject_OrderBy.TotalStaked)
+const orderDirection = ref(OrderDirection.Asc)
 
 const isCreateBuilderModalShown = ref(false)
 
 const buildersApolloClient = useSecondApolloClient()
 
+const { data: allPredefinedBuilders } = useLoad<LoadBuildersResponse>(
+  {
+    buildersProjects: [],
+    userAccountBuildersProjects: [],
+    buildersCounters: {} as CombinedBuildersListQuery['counters'][0],
+  },
+  async (): Promise<LoadBuildersResponse> => {
+    const { data } = await buildersApolloClient.value.query<
+      CombinedBuildersListFilteredByPredefinedBuildersQuery,
+      CombinedBuildersListFilteredByPredefinedBuildersQueryVariables
+    >({
+      query: CombinedBuildersListFilteredByPredefinedBuilders,
+      fetchPolicy: 'network-only',
+      variables: {
+        orderBy: orderBy.value,
+        orderDirection: orderDirection.value,
+        name_in: predefinedBuildersMeta.map(el => el.name),
+
+        address: provider.value.selectedAddress,
+      },
+    })
+
+    return {
+      buildersProjects: data.buildersProjects,
+      userAccountBuildersProjects: data.buildersUsers.map(
+        el => el.buildersProject,
+      ),
+      buildersCounters: {
+        id: '',
+        totalBuildersProjects: data.buildersProjects.length,
+        totalSubnets: 0,
+      },
+    }
+  },
+  {
+    isLoadOnMount: networkType.value === NetworkTypes.Mainnet,
+    reloadArgs: [
+      orderBy,
+      orderDirection,
+      () => route.query.user,
+      () => route.query.network,
+      () => provider.value.chainId,
+    ],
+  },
+)
+
+const paginateThroughAllPredefinedBuilders = async (args: {
+  skip: number
+  first: number
+  orderBy: BuildersProject_OrderBy
+  orderDirection: OrderDirection
+}): Promise<LoadBuildersResponse> => {
+  const buildersProjects = allPredefinedBuilders.value.buildersProjects.slice(
+    args.skip,
+    args.skip + args.first,
+  )
+  const userAccountBuildersProjects =
+    allPredefinedBuilders.value.userAccountBuildersProjects
+  const buildersCounters = allPredefinedBuilders.value.buildersCounters
+
+  return {
+    buildersProjects,
+    userAccountBuildersProjects,
+    buildersCounters,
+  }
+}
+
 const {
   data: listData,
   reload: reloadList,
   update: updateList,
   ...buildersProjectsState
-} = useLoad<{
-  buildersProjects: CombinedBuildersListQuery['buildersProjects']
-  userAccountBuildersProjects: CombinedBuildersListQuery['buildersProjects']
-  buildersCounters: CombinedBuildersListQuery['counters'][0]
-}>(
+} = useLoad<LoadBuildersResponse>(
   {
     buildersProjects: [],
     userAccountBuildersProjects: [],
     buildersCounters: {} as CombinedBuildersListQuery['counters'][0],
   },
   async () => {
+    if (networkType.value === NetworkTypes.Mainnet) {
+      return paginateThroughAllPredefinedBuilders({
+        first: DEFAULT_PAGE_LIMIT,
+        skip: currentPage.value * DEFAULT_PAGE_LIMIT - DEFAULT_PAGE_LIMIT,
+        orderBy: orderBy.value,
+        orderDirection: orderDirection.value,
+      })
+    }
+
     const { data } = await buildersApolloClient.value.query<
       CombinedBuildersListQuery,
       CombinedBuildersListQueryVariables
@@ -201,11 +282,15 @@ const {
     }
   },
   {
+    isLoadOnMount: networkType.value === NetworkTypes.Testnet,
     reloadArgs: [
       currentPage,
       () => route.query.user,
       () => route.query.network,
       () => provider.value.chainId,
+      networkType.value === NetworkTypes.Mainnet
+        ? () => allPredefinedBuilders.value
+        : undefined,
     ],
   },
 )
@@ -220,20 +305,6 @@ const handleBuilderCreated = async (poolId: string) => {
   })
 }
 
-const handleChangeSorting = (order: BuildersProject_OrderBy) => {
-  if (orderBy.value === order) {
-    orderDirection.value =
-      orderDirection.value === OrderDirection.Asc
-        ? OrderDirection.Desc
-        : OrderDirection.Asc
-  } else {
-    orderBy.value = order
-    orderDirection.value = OrderDirection.Asc
-  }
-
-  updateList()
-}
-
 provide('reloadBuildersProjects', reloadList)
 provide('updateBuildersProjects', updateList)
 provide('reloadUserAccountBuildersProjects', reloadList)
diff --git a/src/types/graphql/index.ts b/src/types/graphql/index.ts
index 73b3a1d..c5cc2e4 100644
--- a/src/types/graphql/index.ts
+++ b/src/types/graphql/index.ts
@@ -969,6 +969,16 @@ export type CombinedBuildersListQueryVariables = Exact<{
 
 export type CombinedBuildersListQuery = { __typename?: 'Query', buildersProjects: Array<{ __typename?: 'BuildersProject', admin: any, claimLockEnd: any, id: any, minimalDeposit: any, name: string, startsAt: any, totalClaimed: any, totalStaked: any, totalUsers: any, withdrawLockPeriodAfterDeposit: any }>, buildersUsers: Array<{ __typename?: 'BuildersUser', address: any, id: any, lastStake: any, staked: any, buildersProject: { __typename?: 'BuildersProject', admin: any, claimLockEnd: any, id: any, minimalDeposit: any, name: string, startsAt: any, totalClaimed: any, totalStaked: any, totalUsers: any, withdrawLockPeriodAfterDeposit: any } }>, counters: Array<{ __typename?: 'Counter', id: any, totalBuildersProjects: any, totalSubnets: any }> };
 
+export type CombinedBuildersListFilteredByPredefinedBuildersQueryVariables = Exact<{
+  orderBy?: InputMaybe<BuildersProject_OrderBy>;
+  orderDirection?: InputMaybe<OrderDirection>;
+  name_in?: InputMaybe<Array<Scalars['String']> | Scalars['String']>;
+  address?: InputMaybe<Scalars['Bytes']>;
+}>;
+
+
+export type CombinedBuildersListFilteredByPredefinedBuildersQuery = { __typename?: 'Query', buildersProjects: Array<{ __typename?: 'BuildersProject', admin: any, claimLockEnd: any, id: any, minimalDeposit: any, name: string, startsAt: any, totalClaimed: any, totalStaked: any, totalUsers: any, withdrawLockPeriodAfterDeposit: any }>, buildersUsers: Array<{ __typename?: 'BuildersUser', address: any, id: any, lastStake: any, staked: any, buildersProject: { __typename?: 'BuildersProject', admin: any, claimLockEnd: any, id: any, minimalDeposit: any, name: string, startsAt: any, totalClaimed: any, totalStaked: any, totalUsers: any, withdrawLockPeriodAfterDeposit: any } }> };
+
 export const BuilderProject = gql`
     fragment BuilderProject on BuildersProject {
   admin
@@ -1100,5 +1110,25 @@ export const CombinedBuildersList = gql`
     totalBuildersProjects
     totalSubnets
   }
+}
+    ${BuilderProject}`;
+export const CombinedBuildersListFilteredByPredefinedBuilders = gql`
+    query combinedBuildersListFilteredByPredefinedBuilders($orderBy: BuildersProject_orderBy, $orderDirection: OrderDirection, $name_in: [String!] = "", $address: Bytes = "") {
+  buildersProjects(
+    orderBy: $orderBy
+    orderDirection: $orderDirection
+    where: {name_in: $name_in}
+  ) {
+    ...BuilderProject
+  }
+  buildersUsers(where: {address: $address, buildersProject_: {name_in: $name_in}}) {
+    address
+    id
+    lastStake
+    staked
+    buildersProject {
+      ...BuilderProject
+    }
+  }
 }
     ${BuilderProject}`;
\ No newline at end of file