diff --git a/apps/ui/src/components/views/board-view.tsx b/apps/ui/src/components/views/board-view.tsx
index 0038b6d3f..51e3ce5ed 100644
--- a/apps/ui/src/components/views/board-view.tsx
+++ b/apps/ui/src/components/views/board-view.tsx
@@ -379,6 +379,7 @@ export function BoardView() {
     handleForceStopFeature,
     handleStartNextFeatures,
     handleArchiveAllVerified,
+    handleHideFeature,
   } = useBoardActions({
     currentProject,
     features: hookFeatures,
@@ -744,7 +745,15 @@ export function BoardView() {
   });
 
   // Use column features hook
-  const { getColumnFeatures, completedFeatures } = useBoardColumnFeatures({
+  const {
+    getColumnFeatures,
+    completedFeatures,
+    backlogPagination,
+    showMoreBacklog,
+    showAllBacklog,
+    toggleShowOnlyHidden,
+    resetBacklogPagination,
+  } = useBoardColumnFeatures({
     features: hookFeatures,
     runningAutoTasks,
     searchQuery,
@@ -1021,6 +1030,7 @@ export function BoardView() {
             onImplement={handleStartImplementation}
             onViewPlan={(feature) => setViewPlanFeature(feature)}
             onApprovePlan={handleOpenApprovalDialog}
+            onHide={handleHideFeature}
             featuresWithContext={featuresWithContext}
             runningAutoTasks={runningAutoTasks}
             shortcuts={shortcuts}
@@ -1028,6 +1038,11 @@ export function BoardView() {
             onShowSuggestions={() => setShowSuggestionsDialog(true)}
             suggestionsCount={suggestionsCount}
             onArchiveAllVerified={() => setShowArchiveAllVerifiedDialog(true)}
+            backlogPagination={backlogPagination}
+            onShowMoreBacklog={showMoreBacklog}
+            onShowAllBacklog={showAllBacklog}
+            onToggleShowOnlyHidden={toggleShowOnlyHidden}
+            onResetBacklogPagination={resetBacklogPagination}
           />
         ) : (
           <GraphView
diff --git a/apps/ui/src/components/views/board-view/components/kanban-card/card-actions.tsx b/apps/ui/src/components/views/board-view/components/kanban-card/card-actions.tsx
index df0d87078..b81dc969e 100644
--- a/apps/ui/src/components/views/board-view/components/kanban-card/card-actions.tsx
+++ b/apps/ui/src/components/views/board-view/components/kanban-card/card-actions.tsx
@@ -10,6 +10,7 @@ import {
   Eye,
   Wand2,
   Archive,
+  EyeOff,
 } from 'lucide-react';
 
 interface CardActionsProps {
@@ -28,6 +29,7 @@ interface CardActionsProps {
   onComplete?: () => void;
   onViewPlan?: () => void;
   onApprovePlan?: () => void;
+  onHide?: () => void;
 }
 
 export function CardActions({
@@ -46,6 +48,7 @@ export function CardActions({
   onComplete,
   onViewPlan,
   onApprovePlan,
+  onHide,
 }: CardActionsProps) {
   return (
     <div className="flex flex-wrap gap-1.5 -mx-3 -mb-3 px-3 pb-3">
@@ -298,6 +301,22 @@ export function CardActions({
             <Edit className="w-3 h-3 mr-1" />
             Edit
           </Button>
+          {onHide && (
+            <Button
+              variant="outline"
+              size="sm"
+              className="h-7 text-xs px-2"
+              onClick={(e) => {
+                e.stopPropagation();
+                onHide();
+              }}
+              onPointerDown={(e) => e.stopPropagation()}
+              data-testid={`hide-${feature.id}`}
+              title={feature.hidden ? 'Show' : 'Hide'}
+            >
+              <EyeOff className="w-3 h-3" />
+            </Button>
+          )}
           {feature.planSpec?.content && onViewPlan && (
             <Button
               variant="outline"
diff --git a/apps/ui/src/components/views/board-view/components/kanban-card/kanban-card.tsx b/apps/ui/src/components/views/board-view/components/kanban-card/kanban-card.tsx
index 7a610aabf..6767fa20e 100644
--- a/apps/ui/src/components/views/board-view/components/kanban-card/kanban-card.tsx
+++ b/apps/ui/src/components/views/board-view/components/kanban-card/kanban-card.tsx
@@ -25,6 +25,7 @@ interface KanbanCardProps {
   onComplete?: () => void;
   onViewPlan?: () => void;
   onApprovePlan?: () => void;
+  onHide?: () => void;
   hasContext?: boolean;
   isCurrentAutoTask?: boolean;
   shortcutKey?: string;
@@ -51,6 +52,7 @@ export const KanbanCard = memo(function KanbanCard({
   onComplete,
   onViewPlan,
   onApprovePlan,
+  onHide,
   hasContext,
   isCurrentAutoTask,
   shortcutKey,
@@ -177,6 +179,7 @@ export const KanbanCard = memo(function KanbanCard({
           onComplete={onComplete}
           onViewPlan={onViewPlan}
           onApprovePlan={onApprovePlan}
+          onHide={onHide}
         />
       </CardContent>
     </Card>
@@ -187,5 +190,14 @@ export const KanbanCard = memo(function KanbanCard({
     return <div className="animated-border-wrapper">{cardElement}</div>;
   }
 
+  // Wrap hidden cards with visual indicator (dimmed + grayscale)
+  if (feature.hidden) {
+    return (
+      <div className="opacity-40 grayscale hover:opacity-70 hover:grayscale-[50%] transition-all duration-200">
+        {cardElement}
+      </div>
+    );
+  }
+
   return cardElement;
 });
diff --git a/apps/ui/src/components/views/board-view/components/kanban-column.tsx b/apps/ui/src/components/views/board-view/components/kanban-column.tsx
index 4e08cfba7..90a038a43 100644
--- a/apps/ui/src/components/views/board-view/components/kanban-column.tsx
+++ b/apps/ui/src/components/views/board-view/components/kanban-column.tsx
@@ -1,6 +1,7 @@
-import { memo } from 'react';
+import { memo, useRef, useState, useEffect } from 'react';
 import { useDroppable } from '@dnd-kit/core';
 import { cn } from '@/lib/utils';
+import { ChevronUp } from 'lucide-react';
 import type { ReactNode } from 'react';
 
 interface KanbanColumnProps {
@@ -10,11 +11,16 @@ interface KanbanColumnProps {
   count: number;
   children: ReactNode;
   headerAction?: ReactNode;
+  footerAction?: ReactNode;
   opacity?: number;
   showBorder?: boolean;
   hideScrollbar?: boolean;
   /** Custom width in pixels. If not provided, defaults to 288px (w-72) */
   width?: number;
+  /** Called when user clicks the compact bar to scroll to top */
+  onCompact?: () => void;
+  /** Number of currently visible items (used in compact bar label) */
+  visibleCount?: number;
 }
 
 export const KanbanColumn = memo(function KanbanColumn({
@@ -24,12 +30,38 @@ export const KanbanColumn = memo(function KanbanColumn({
   count,
   children,
   headerAction,
+  footerAction,
   opacity = 100,
   showBorder = true,
   hideScrollbar = false,
   width,
+  onCompact,
+  visibleCount,
 }: KanbanColumnProps) {
   const { setNodeRef, isOver } = useDroppable({ id });
+  const scrollContainerRef = useRef<HTMLDivElement>(null);
+  const [showCompactBar, setShowCompactBar] = useState(false);
+
+  // Track scroll position to show/hide compact bar
+  useEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container || !onCompact) return;
+
+    const handleScroll = () => {
+      // Show compact bar when scrolled more than 100px
+      setShowCompactBar(container.scrollTop > 100);
+    };
+
+    container.addEventListener('scroll', handleScroll, { passive: true });
+    return () => container.removeEventListener('scroll', handleScroll);
+  }, [onCompact]);
+
+  const handleCompactClick = () => {
+    // Scroll to top
+    scrollContainerRef.current?.scrollTo({ top: 0, behavior: 'smooth' });
+    // Reset pagination
+    onCompact?.();
+  };
 
   // Use inline style for width if provided, otherwise use default w-72
   const widthStyle = width ? { width: `${width}px`, flexShrink: 0 } : undefined;
@@ -74,6 +106,7 @@ export const KanbanColumn = memo(function KanbanColumn({
 
       {/* Column Content */}
       <div
+        ref={scrollContainerRef}
         className={cn(
           'relative z-10 flex-1 overflow-y-auto p-2 space-y-2.5',
           hideScrollbar &&
@@ -82,7 +115,29 @@ export const KanbanColumn = memo(function KanbanColumn({
           'scroll-smooth'
         )}
       >
+        {/* Compact Bar - appears when scrolled down */}
+        {showCompactBar && onCompact && (
+          <div
+            className={cn(
+              'sticky top-0 z-20 -mx-2 -mt-2 mb-2 px-3 py-2',
+              'flex items-center justify-center gap-2',
+              'bg-primary/10 backdrop-blur-md',
+              'border-b border-primary/20',
+              'cursor-pointer',
+              'hover:bg-primary/20 transition-colors duration-200',
+              'text-xs font-medium text-primary'
+            )}
+            onClick={handleCompactClick}
+            data-testid="compact-bar"
+          >
+            <ChevronUp className="w-3.5 h-3.5" />
+            <span>Compact{visibleCount ? ` (${visibleCount})` : ''}</span>
+            <ChevronUp className="w-3.5 h-3.5" />
+          </div>
+        )}
         {children}
+        {/* Footer Action (e.g., Show More button) */}
+        {footerAction && <div className="pt-1">{footerAction}</div>}
       </div>
 
       {/* Drop zone indicator when dragging over */}
diff --git a/apps/ui/src/components/views/board-view/hooks/use-board-actions.ts b/apps/ui/src/components/views/board-view/hooks/use-board-actions.ts
index 97bb47a6f..4c6458934 100644
--- a/apps/ui/src/components/views/board-view/hooks/use-board-actions.ts
+++ b/apps/ui/src/components/views/board-view/hooks/use-board-actions.ts
@@ -859,6 +859,22 @@ export function useBoardActions({
     });
   }, [features, runningAutoTasks, autoMode, updateFeature, persistFeatureUpdate]);
 
+  const handleHideFeature = useCallback(
+    (feature: Feature) => {
+      const newHidden = !feature.hidden;
+      const updates = { hidden: newHidden };
+      updateFeature(feature.id, updates);
+      persistFeatureUpdate(feature.id, updates);
+
+      toast.success(newHidden ? 'Feature hidden' : 'Feature unhidden', {
+        description: newHidden
+          ? `Hidden: ${truncateDescription(feature.description)}`
+          : `Shown: ${truncateDescription(feature.description)}`,
+      });
+    },
+    [updateFeature, persistFeatureUpdate]
+  );
+
   return {
     handleAddFeature,
     handleUpdateFeature,
@@ -879,5 +895,6 @@ export function useBoardActions({
     handleForceStopFeature,
     handleStartNextFeatures,
     handleArchiveAllVerified,
+    handleHideFeature,
   };
 }
diff --git a/apps/ui/src/components/views/board-view/hooks/use-board-column-features.ts b/apps/ui/src/components/views/board-view/hooks/use-board-column-features.ts
index 1aed5b405..be43a81f5 100644
--- a/apps/ui/src/components/views/board-view/hooks/use-board-column-features.ts
+++ b/apps/ui/src/components/views/board-view/hooks/use-board-column-features.ts
@@ -1,9 +1,12 @@
-import { useMemo, useCallback } from 'react';
+import { useMemo, useCallback, useState } from 'react';
 import { Feature, useAppStore } from '@/store/app-store';
 import { resolveDependencies, getBlockingDependencies } from '@automaker/dependency-resolver';
 
 type ColumnId = Feature['status'];
 
+/** Number of backlog items to show per page */
+const BACKLOG_PAGE_SIZE = 10;
+
 interface UseBoardColumnFeaturesProps {
   features: Feature[];
   runningAutoTasks: string[];
@@ -21,6 +24,10 @@ export function useBoardColumnFeatures({
   currentWorktreeBranch,
   projectPath,
 }: UseBoardColumnFeaturesProps) {
+  // State for backlog pagination - how many items to show
+  const [backlogVisibleCount, setBacklogVisibleCount] = useState(BACKLOG_PAGE_SIZE);
+  // State for showing only hidden features (filter mode)
+  const [showOnlyHidden, setShowOnlyHidden] = useState(false);
   // Memoize column features to prevent unnecessary re-renders
   const columnFeaturesMap = useMemo(() => {
     const map: Record<ColumnId, Feature[]> = {
@@ -117,22 +124,23 @@ export function useBoardColumnFeatures({
 
       // Sort blocked features to the end of the backlog
       // This keeps the dependency order within each group (unblocked/blocked)
-      if (enableDependencyBlocking) {
-        const unblocked: Feature[] = [];
-        const blocked: Feature[] = [];
-
-        for (const f of orderedFeatures) {
-          if (getBlockingDependencies(f, allFeatures).length > 0) {
-            blocked.push(f);
-          } else {
-            unblocked.push(f);
-          }
+      // Also sort hidden features to the very end
+      const visible: Feature[] = [];
+      const blocked: Feature[] = [];
+      const hidden: Feature[] = [];
+
+      for (const f of orderedFeatures) {
+        if (f.hidden) {
+          hidden.push(f);
+        } else if (enableDependencyBlocking && getBlockingDependencies(f, allFeatures).length > 0) {
+          blocked.push(f);
+        } else {
+          visible.push(f);
         }
-
-        map.backlog = [...unblocked, ...blocked];
-      } else {
-        map.backlog = orderedFeatures;
       }
+
+      // Order: visible (unblocked) -> blocked -> hidden
+      map.backlog = [...visible, ...blocked, ...hidden];
     }
 
     return map;
@@ -147,11 +155,67 @@ export function useBoardColumnFeatures({
 
   const getColumnFeatures = useCallback(
     (columnId: ColumnId) => {
-      return columnFeaturesMap[columnId];
+      const allFeatures = columnFeaturesMap[columnId];
+      // Apply pagination and hidden filter only to backlog column
+      if (columnId === 'backlog') {
+        // If showing only hidden, filter to just hidden features
+        if (showOnlyHidden) {
+          return allFeatures.filter((f) => f.hidden);
+        }
+        // Otherwise, show non-hidden features with pagination
+        const nonHiddenFeatures = allFeatures.filter((f) => !f.hidden);
+        return nonHiddenFeatures.slice(0, backlogVisibleCount);
+      }
+      return allFeatures;
     },
-    [columnFeaturesMap]
+    [columnFeaturesMap, backlogVisibleCount, showOnlyHidden]
   );
 
+  // Count hidden features in backlog
+  const hiddenFeaturesCount = useMemo(() => {
+    return columnFeaturesMap.backlog.filter((f) => f.hidden).length;
+  }, [columnFeaturesMap.backlog]);
+
+  // Calculate backlog pagination info (based on non-hidden features when not in hidden filter mode)
+  const backlogPagination = useMemo(() => {
+    const nonHiddenFeatures = columnFeaturesMap.backlog.filter((f) => !f.hidden);
+    const totalCount = showOnlyHidden ? hiddenFeaturesCount : nonHiddenFeatures.length;
+    const visibleCount = showOnlyHidden
+      ? hiddenFeaturesCount
+      : Math.min(backlogVisibleCount, totalCount);
+    const hasMore = !showOnlyHidden && visibleCount < totalCount;
+    const remainingCount = totalCount - visibleCount;
+    return {
+      totalCount,
+      visibleCount,
+      hasMore,
+      remainingCount,
+      hiddenCount: hiddenFeaturesCount,
+      showOnlyHidden,
+    };
+  }, [columnFeaturesMap.backlog, backlogVisibleCount, hiddenFeaturesCount, showOnlyHidden]);
+
+  // Show more backlog items (10 more)
+  const showMoreBacklog = useCallback(() => {
+    setBacklogVisibleCount((prev) => prev + BACKLOG_PAGE_SIZE);
+  }, []);
+
+  // Show all backlog items
+  const showAllBacklog = useCallback(() => {
+    setBacklogVisibleCount(Infinity);
+  }, []);
+
+  // Toggle showing only hidden features
+  const toggleShowOnlyHidden = useCallback(() => {
+    setShowOnlyHidden((prev) => !prev);
+  }, []);
+
+  // Reset backlog pagination (e.g., when search changes)
+  const resetBacklogPagination = useCallback(() => {
+    setBacklogVisibleCount(BACKLOG_PAGE_SIZE);
+    setShowOnlyHidden(false);
+  }, []);
+
   // Memoize completed features for the archive modal
   const completedFeatures = useMemo(() => {
     return features.filter((f) => f.status === 'completed');
@@ -161,5 +225,10 @@ export function useBoardColumnFeatures({
     columnFeaturesMap,
     getColumnFeatures,
     completedFeatures,
+    backlogPagination,
+    showMoreBacklog,
+    showAllBacklog,
+    toggleShowOnlyHidden,
+    resetBacklogPagination,
   };
 }
diff --git a/apps/ui/src/components/views/board-view/kanban-board.tsx b/apps/ui/src/components/views/board-view/kanban-board.tsx
index 65cd00ea3..cb543d714 100644
--- a/apps/ui/src/components/views/board-view/kanban-board.tsx
+++ b/apps/ui/src/components/views/board-view/kanban-board.tsx
@@ -5,7 +5,16 @@ import { Button } from '@/components/ui/button';
 import { HotkeyButton } from '@/components/ui/hotkey-button';
 import { KanbanColumn, KanbanCard } from './components';
 import { Feature } from '@/store/app-store';
-import { FastForward, Lightbulb, Archive } from 'lucide-react';
+import {
+  FastForward,
+  Lightbulb,
+  Archive,
+  ChevronDown,
+  ChevronsDown,
+  EyeOff,
+  Eye,
+} from 'lucide-react';
+import { cn } from '@/lib/utils';
 import { useKeyboardShortcutsConfig } from '@/hooks/use-keyboard-shortcuts';
 import { useResponsiveKanban } from '@/hooks/use-responsive-kanban';
 import { COLUMNS, ColumnId } from './constants';
@@ -41,6 +50,7 @@ interface KanbanBoardProps {
   onImplement: (feature: Feature) => void;
   onViewPlan: (feature: Feature) => void;
   onApprovePlan: (feature: Feature) => void;
+  onHide: (feature: Feature) => void;
   featuresWithContext: Set<string>;
   runningAutoTasks: string[];
   shortcuts: ReturnType<typeof useKeyboardShortcutsConfig>;
@@ -48,6 +58,18 @@ interface KanbanBoardProps {
   onShowSuggestions: () => void;
   suggestionsCount: number;
   onArchiveAllVerified: () => void;
+  backlogPagination: {
+    totalCount: number;
+    visibleCount: number;
+    hasMore: boolean;
+    remainingCount: number;
+    hiddenCount: number;
+    showOnlyHidden: boolean;
+  };
+  onShowMoreBacklog: () => void;
+  onShowAllBacklog: () => void;
+  onToggleShowOnlyHidden: () => void;
+  onResetBacklogPagination: () => void;
 }
 
 export function KanbanBoard({
@@ -73,6 +95,7 @@ export function KanbanBoard({
   onImplement,
   onViewPlan,
   onApprovePlan,
+  onHide,
   featuresWithContext,
   runningAutoTasks,
   shortcuts,
@@ -80,6 +103,11 @@ export function KanbanBoard({
   onShowSuggestions,
   suggestionsCount,
   onArchiveAllVerified,
+  backlogPagination,
+  onShowMoreBacklog,
+  onShowAllBacklog,
+  onToggleShowOnlyHidden,
+  onResetBacklogPagination,
 }: KanbanBoardProps) {
   // Use responsive column widths based on window size
   // containerStyle handles centering and ensures columns fit without horizontal scroll in Electron
@@ -102,11 +130,15 @@ export function KanbanBoard({
                 id={column.id}
                 title={column.title}
                 colorClass={column.colorClass}
-                count={columnFeatures.length}
+                count={
+                  column.id === 'backlog' ? backlogPagination.totalCount : columnFeatures.length
+                }
                 width={columnWidth}
                 opacity={backgroundSettings.columnOpacity}
                 showBorder={backgroundSettings.columnBorderEnabled}
                 hideScrollbar={backgroundSettings.hideScrollbar}
+                onCompact={column.id === 'backlog' ? onResetBacklogPagination : undefined}
+                visibleCount={column.id === 'backlog' ? backlogPagination.visibleCount : undefined}
                 headerAction={
                   column.id === 'verified' && columnFeatures.length > 0 ? (
                     <Button
@@ -139,6 +171,42 @@ export function KanbanBoard({
                           </span>
                         )}
                       </Button>
+                      {backlogPagination.hiddenCount > 0 && (
+                        <Button
+                          variant="ghost"
+                          size="sm"
+                          className={cn(
+                            'h-6 w-6 p-0 relative',
+                            backlogPagination.showOnlyHidden
+                              ? 'text-primary hover:text-primary/80 bg-primary/10 hover:bg-primary/20'
+                              : 'text-muted-foreground hover:text-foreground hover:bg-muted/50'
+                          )}
+                          onClick={onToggleShowOnlyHidden}
+                          title={
+                            backlogPagination.showOnlyHidden
+                              ? 'Show all features'
+                              : `Show ${backlogPagination.hiddenCount} hidden feature${backlogPagination.hiddenCount > 1 ? 's' : ''}`
+                          }
+                          data-testid="show-hidden-button"
+                        >
+                          {backlogPagination.showOnlyHidden ? (
+                            <Eye className="w-3.5 h-3.5" />
+                          ) : (
+                            <EyeOff className="w-3.5 h-3.5" />
+                          )}
+                          <span
+                            className={cn(
+                              'absolute -top-1 -right-1 w-4 h-4 text-[9px] font-mono rounded-full flex items-center justify-center',
+                              backlogPagination.showOnlyHidden
+                                ? 'bg-primary text-primary-foreground'
+                                : 'bg-muted-foreground text-background'
+                            )}
+                            data-testid="hidden-count"
+                          >
+                            {backlogPagination.hiddenCount}
+                          </span>
+                        </Button>
+                      )}
                       {columnFeatures.length > 0 && (
                         <HotkeyButton
                           variant="ghost"
@@ -156,6 +224,32 @@ export function KanbanBoard({
                     </div>
                   ) : undefined
                 }
+                footerAction={
+                  column.id === 'backlog' && backlogPagination.hasMore ? (
+                    <div className="flex gap-1">
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        className="flex-1 h-8 text-xs text-muted-foreground hover:text-foreground"
+                        onClick={onShowMoreBacklog}
+                        data-testid="show-more-backlog-button"
+                      >
+                        <ChevronDown className="w-3.5 h-3.5 mr-1" />
+                        +10
+                      </Button>
+                      <Button
+                        variant="ghost"
+                        size="sm"
+                        className="flex-1 h-8 text-xs text-muted-foreground hover:text-foreground"
+                        onClick={onShowAllBacklog}
+                        data-testid="show-all-backlog-button"
+                      >
+                        <ChevronsDown className="w-3.5 h-3.5 mr-1" />
+                        All ({backlogPagination.remainingCount})
+                      </Button>
+                    </div>
+                  ) : undefined
+                }
               >
                 <SortableContext
                   items={columnFeatures.map((f) => f.id)}
@@ -184,6 +278,7 @@ export function KanbanBoard({
                         onImplement={() => onImplement(feature)}
                         onViewPlan={() => onViewPlan(feature)}
                         onApprovePlan={() => onApprovePlan(feature)}
+                        onHide={() => onHide(feature)}
                         hasContext={featuresWithContext.has(feature.id)}
                         isCurrentAutoTask={runningAutoTasks.includes(feature.id)}
                         shortcutKey={shortcutKey}
diff --git a/libs/types/src/feature.ts b/libs/types/src/feature.ts
index 593b626b5..bcb25f7a9 100644
--- a/libs/types/src/feature.ts
+++ b/libs/types/src/feature.ts
@@ -30,6 +30,7 @@ export interface Feature {
   passes?: boolean;
   priority?: number;
   status?: string;
+  hidden?: boolean; // Hidden features appear at the bottom of backlog
   dependencies?: string[];
   spec?: string;
   model?: string;