diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index 1e89e5f61..57f4a6313 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -103,6 +103,18 @@ export const routes: Routes = [
                 (mod) => mod.RegistrationsComponent
               ),
           },
+          {
+            path: 'settings',
+            loadComponent: () =>
+              import('./features/project/settings/settings.component').then((mod) => mod.SettingsComponent),
+          },
+          {
+            path: 'contributors',
+            loadComponent: () =>
+              import('@osf/features/project/contributors/contributors.component').then(
+                (mod) => mod.ContributorsComponent
+              ),
+          },
           {
             path: 'analytics',
             loadComponent: () =>
diff --git a/src/app/core/constants/nav-items.constant.ts b/src/app/core/constants/nav-items.constant.ts
index d865e0250..9e0fe3acc 100644
--- a/src/app/core/constants/nav-items.constant.ts
+++ b/src/app/core/constants/nav-items.constant.ts
@@ -90,6 +90,11 @@ export const PROJECT_MENU_ITEMS: MenuItem[] = [
         label: 'navigation.project.registrations',
         routerLink: 'registrations',
       },
+      {
+        label: 'navigation.project.settings',
+        routerLink: 'settings',
+      },
+      { label: 'navigation.project.contributors', routerLink: 'contributors' },
       { label: 'navigation.project.analytics', routerLink: 'analytics' },
     ],
   },
diff --git a/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.html b/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.html
new file mode 100644
index 000000000..1f4f375f2
--- /dev/null
+++ b/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.html
@@ -0,0 +1,25 @@
+<div class="flex flex-column gap-6">
+  <osf-search-input
+    [searchValue]="searchValue()"
+    (searchValueChange)="searchValue.set($event || '')"
+    [placeholder]="'project.contributors.addDialog.placeholder' | translate"
+  />
+
+  <div class="flex gap-2">
+    <p-button
+      class="w-full"
+      styleClass="w-full"
+      (click)="dialogRef.close()"
+      [text]="true"
+      severity="info"
+      [label]="'project.contributors.addDialog.cancel' | translate"
+    ></p-button>
+
+    <p-button
+      class="w-full"
+      styleClass="w-full"
+      (click)="addContributor()"
+      [label]="'project.contributors.addDialog.next' | translate"
+    ></p-button>
+  </div>
+</div>
diff --git a/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.scss b/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.scss
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.spec.ts b/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.spec.ts
new file mode 100644
index 000000000..888146c98
--- /dev/null
+++ b/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddContributorDialogComponent } from './add-contributor-dialog.component';
+
+describe('AddContributorDialogComponent', () => {
+  let component: AddContributorDialogComponent;
+  let fixture: ComponentFixture<AddContributorDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AddContributorDialogComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(AddContributorDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.ts b/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.ts
new file mode 100644
index 000000000..28206a943
--- /dev/null
+++ b/src/app/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component.ts
@@ -0,0 +1,24 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+
+import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
+
+import { SearchInputComponent } from '@osf/shared';
+
+@Component({
+  selector: 'osf-add-contributor-dialog',
+  imports: [Button, TranslatePipe, SearchInputComponent],
+  templateUrl: './add-contributor-dialog.component.html',
+  styleUrl: './add-contributor-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AddContributorDialogComponent {
+  dialogRef = inject(DynamicDialogRef);
+  protected searchValue = signal('');
+
+  addContributor(): void {
+    this.dialogRef.close();
+  }
+}
diff --git a/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.html b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.html
new file mode 100644
index 000000000..1430fd514
--- /dev/null
+++ b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.html
@@ -0,0 +1,59 @@
+<div class="flex flex-column gap-4">
+  <div>
+    <label for="linkName">Link name</label>
+    <input
+      id="linkName"
+      class="search-input"
+      type="text"
+      pInputText
+      placeholder="Type link name"
+      [ngModel]="linkName()"
+      (ngModelChange)="onLinkNameChange($event)"
+    />
+  </div>
+
+  <hr class="break-line"/>
+
+  <div class="flex column-gap-2">
+    <p-checkbox variant="filled" binary="true" [(ngModel)]="anonymous"></p-checkbox>
+    <p>Anonymize contributor list for this link (e.g., for blind peer review).
+      <span class="font-italic">Ensure the wiki pages, files, registration forms and add-ons do not contain identifying information.</span>
+    </p>
+  </div>
+
+  <hr class="break-line"/>
+
+  <p>Which components would you like to associate with this link?
+    <span class="font-italic">Anyone with the private link can view—but not edit—the components associated with the link.</span>
+  </p>
+
+  <div class="flex flex-column gap-2">
+    <div class="flex gap-1">
+      <p-checkbox variant="filled" binary="true" [(ngModel)]="componentExample1"></p-checkbox><p>Component Name Example</p>
+    </div>
+    <div class="flex gap-1">
+      <p-checkbox variant="filled" binary="true" [(ngModel)]="componentExample2"></p-checkbox><p>Component Name Example</p>
+    </div>
+    <div class="flex gap-1">
+      <p-checkbox variant="filled" binary="true" [(ngModel)]="componentExample3"></p-checkbox><p>Component Name Example</p>
+    </div>
+  </div>
+
+  <div class="flex gap-2">
+    <p-button
+      class="w-full"
+      styleClass="w-full"
+      (click)="dialogRef.close()"
+      [text]="true"
+      severity="info"
+      [label]="'project.contributors.addDialog.cancel' | translate"
+    ></p-button>
+
+    <p-button
+      class="w-full"
+      styleClass="w-full"
+      (click)="addContributor()"
+      [label]="'project.contributors.addDialog.next' | translate"
+    ></p-button>
+  </div>
+</div>
diff --git a/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.scss b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.scss
new file mode 100644
index 000000000..0cc299cb5
--- /dev/null
+++ b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.scss
@@ -0,0 +1,7 @@
+@use "assets/styles/variables" as var;
+
+:host {
+  .break-line {
+    border: 1px solid var.$grey-3;
+  }
+}
diff --git a/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.spec.ts b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.spec.ts
new file mode 100644
index 000000000..e5954f5bc
--- /dev/null
+++ b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CreateViewLinkDialogComponent } from './create-view-link-dialog.component';
+
+describe('CreateViewLinkDialogComponent', () => {
+  let component: CreateViewLinkDialogComponent;
+  let fixture: ComponentFixture<CreateViewLinkDialogComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CreateViewLinkDialogComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CreateViewLinkDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.ts b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.ts
new file mode 100644
index 000000000..f44a988d6
--- /dev/null
+++ b/src/app/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component.ts
@@ -0,0 +1,40 @@
+import {ChangeDetectionStrategy, Component, inject, signal} from '@angular/core';
+import {Button} from "primeng/button";
+import {SearchInputComponent} from "@osf/shared";
+import {TranslatePipe} from "@ngx-translate/core";
+import {DynamicDialogRef} from 'primeng/dynamicdialog';
+import {InputText} from 'primeng/inputtext';
+import {FormsModule, ReactiveFormsModule} from '@angular/forms';
+import {Checkbox} from 'primeng/checkbox';
+
+@Component({
+  selector: 'osf-create-view-link-dialog',
+  imports: [
+    Button,
+    SearchInputComponent,
+    TranslatePipe,
+    InputText,
+    ReactiveFormsModule,
+    FormsModule,
+    Checkbox
+  ],
+  templateUrl: './create-view-link-dialog.component.html',
+  styleUrl: './create-view-link-dialog.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class CreateViewLinkDialogComponent {
+  dialogRef = inject(DynamicDialogRef);
+  protected linkName = signal('');
+  anonymous = signal(true);
+  componentExample1 = signal(true);
+  componentExample2 = signal(false);
+  componentExample3 = signal(false);
+
+  addContributor(): void {
+    this.dialogRef.close();
+  }
+
+  onLinkNameChange(value: string): void {
+    this.linkName.set(value);
+  }
+}
diff --git a/src/app/features/project/contributors/contributors.component.html b/src/app/features/project/contributors/contributors.component.html
new file mode 100644
index 000000000..d00fc1371
--- /dev/null
+++ b/src/app/features/project/contributors/contributors.component.html
@@ -0,0 +1,210 @@
+<h1 class="title">Contributors</h1>
+
+<section class="contributors w-full">
+  <p-button [label]="'project.contributors.addContributor' | translate" (click)="addContributor()"></p-button>
+
+  <div class="filters-container" [class.flex-wrap]="!isWeb()">
+    <div class="search" [class.w-full]="!isWeb()">
+      <osf-search-input
+        [searchValue]="searchValue()"
+        (searchValueChange)="searchValue.set($event || '')"
+        [placeholder]="'project.contributors.searchPlaceholder' | translate"
+      />
+    </div>
+    <div class="contributors-filter-container" [class.w-full]="!isWeb()" [class.flex-wrap]="isMobile()">
+      <div class="w-full md:w-6 grey-placeholder">
+        <p-select
+          [placeholder]="'project.contributors.permissionFilter' | translate"
+          [options]="permissionsOptions"
+          optionValue="value"
+          [ngModel]="selectedPermission()"
+          (ngModelChange)="onPermissionChange($event)"
+          class="w-full"
+        >
+          <ng-template #selectedItem let-selectedOption>
+            {{ selectedOption.label | translate }}
+          </ng-template>
+          <ng-template #item let-item>
+            {{ item.label | translate }}
+          </ng-template>
+        </p-select>
+      </div>
+      <div class="w-full md:w-6 grey-placeholder">
+        <p-select
+          [placeholder]="'project.contributors.bibliographyFilter' | translate"
+          [options]="bibliographyOptions"
+          optionValue="value"
+          [ngModel]="selectedBibliography()"
+          (ngModelChange)="onBibliographyChange($event)"
+          class="w-full"
+        >
+          <ng-template #selectedItem let-selectedOption>
+            {{ selectedOption.label | translate }}
+          </ng-template>
+          <ng-template #item let-item>
+            {{ item.label | translate }}
+          </ng-template>
+        </p-select>
+      </div>
+    </div>
+
+  </div>
+
+  <p-table
+    [value]="items()"
+    [rows]="tableParams().rows"
+    [first]="tableParams().firstRowIndex"
+    [rowsPerPageOptions]="tableParams().rowsPerPageOptions"
+    [totalRecords]="tableParams().totalRecords"
+    [resizableColumns]="true"
+    [autoLayout]="true"
+    [scrollable]="true"
+    [sortMode]="'single'"
+    [lazy]="true"
+    [lazyLoadOnInit]="true"
+    (onPage)="onPageChange($event)"
+    [customSort]="true"
+    class="view-only-table"
+  >
+    <ng-template #header>
+      <tr>
+        <th>{{'project.contributors.table.headers.name' | translate }}</th>
+        <th>
+          <div class="flex align-items-center">
+            <span>{{'project.contributors.table.headers.permissions' | translate }}</span>
+            <i class="osf-icon-information blue-icon ml-1" [pTooltip]="permissionsTooltip" tooltipPosition="right"></i>
+            <ng-template #permissionsTooltip>
+              <div class="flex flex-column row-gap-3">
+                <h2>Permission Information</h2>
+
+                <div class="inside-list">
+                  <p class="font-bold">Read</p>
+                  <ul class="font-normal ml-4">
+                      <li>View project content and comment</li>
+                  </ul>
+                </div>
+
+                <div class="inside-list">
+                  <p class="font-bold">Read + Write</p>
+                  <ul class="font-normal ml-4">
+                    <li>Read privileges</li>
+                    <li>Add and configure components</li>
+                    <li>Add and edit content</li>
+                  </ul>
+                </div>
+
+                <div class="inside-list">
+                  <p class="font-bold">Administrator</p>
+                  <ul class="font-normal ml-4">
+                    <li>Read and write privileges</li>
+                    <li>Manage contributor</li>
+                    <li>Delete and register project</li>
+                    <li>Public private settings</li>
+                  </ul>
+                </div>
+
+              </div>
+            </ng-template>
+          </div>
+        </th>
+        <th>
+          <div class="flex align-items-center justify-content-center">
+            <span>{{'project.contributors.table.headers.contributor' | translate }}</span>
+            <i class="osf-icon-information blue-icon ml-1" [pTooltip]="contributorTooltip" tooltipPosition="right"></i>
+            <ng-template #contributorTooltip>
+              <div class="flex flex-column row-gap-3">
+                <h2>Bibliographic Contributor Information</h2>
+
+                <span>Only bibliographic contributors will be displayed in the Contributors list and in project citations. Non-bibliographic contributors can read and modify the project as normal.</span>
+              </div>
+            </ng-template>
+          </div>
+        </th>
+        <th>
+          <div class="flex align-items-center justify-content-center">
+            <span>{{'project.contributors.table.headers.curator' | translate }}</span>
+            <i class="osf-icon-information blue-icon ml-1" [pTooltip]="curatorTooltip" tooltipPosition="right"></i>
+            <ng-template #curatorTooltip>
+              <div class="flex flex-column row-gap-3">
+                <h2>Curator Information</h2>
+
+                <span>An administrator designated by your affiliated institution to curate your project</span>
+              </div>
+            </ng-template>
+          </div>
+        </th>
+        <th>{{'project.contributors.table.headers.employment' | translate }}</th>
+        <th>{{'project.contributors.table.headers.education' | translate }}</th>
+        <th></th>
+      </tr>
+    </ng-template>
+    <ng-template #body let-item>
+      <tr>
+        <td>
+          <p class="flex align-items-center gap-2">
+            <span>{{ item.name }}</span>
+          </p>
+        </td>
+        <td class="select-font-normal" style="width: 2.5rem">
+          <div class=" no-border-dropdown">
+            <p-select
+              [placeholder]="'project.contributors.permissionFilter' | translate"
+              [options]="permissionsOptions"
+              optionValue="value"
+              appendTo="body"
+              [ngModel]="item.permissions"
+              (ngModelChange)="onItemPermissionChange($event)"
+            >
+              <ng-template #selectedItem let-selectedOption>
+                  <p>{{ selectedOption.label | translate }}</p>
+              </ng-template>
+              <ng-template #item let-item>
+                  <p>{{ item.label | translate }}</p>
+              </ng-template>
+            </p-select>
+          </div>
+        </td>
+        <td>
+          <div class="flex align-items-center justify-content-center">
+            <p-checkbox variant="filled" binary="true" [(ngModel)]="item.bibliographicContributor"></p-checkbox>
+          </div>
+        </td>
+        <td>
+          <div class="flex align-items-center justify-content-center">
+            <p-checkbox variant="filled" binary="true"  [(ngModel)]="item.curator"></p-checkbox>
+          </div>
+        </td>
+        <td>
+          @if(item.employmentHistory){
+            <a [href]="item.employmentHistory">Show employment history</a>
+          }
+          @else {
+            <span>No employment history</span>
+          }
+        </td>
+        <td>
+          <div class="flex column-gap-2">
+            @if(item.educationHistory){
+              <a [href]="item.educationHistory">Show education history</a>
+            }
+            @else {
+              <span>No education history</span>
+            }
+
+          </div>
+        </td>
+        <td><i class="osf-icon-trash red-icon"></i></td>
+      </tr>
+    </ng-template>
+  </p-table>
+
+  <div class="flex flex-column row-gap-4 mt-6">
+      <h2>{{'project.contributors.viewOnly' | translate}}</h2>
+      <p>{{'project.contributors.createLink' | translate}}</p>
+      <p-button class="w-10rem" [label]="'project.contributors.createButton' | translate" (click)="createViewLink()"></p-button>
+      <osf-view-only-table [tableData]="tableData"></osf-view-only-table>
+  </div>
+
+
+
+</section>
diff --git a/src/app/features/project/contributors/contributors.component.scss b/src/app/features/project/contributors/contributors.component.scss
new file mode 100644
index 000000000..2d5979f7f
--- /dev/null
+++ b/src/app/features/project/contributors/contributors.component.scss
@@ -0,0 +1,51 @@
+@use "assets/styles/variables" as var;
+@use "assets/styles/mixins" as mix;
+
+:host {
+  .title {
+    padding: 1.5rem 3.4rem 3.4rem 1.7rem;
+  }
+
+  .header {
+    //@include mix.flex-center;
+    text-align: center;
+  }
+
+  .contributors {
+    display: flex;
+    flex-direction: column;
+    row-gap: 1.7rem;
+    padding: 1.7rem;
+    background: var.$white;
+
+    .filters-container {
+      display: flex;
+      gap: 0.8rem;
+
+
+      .search {
+        width: 60%;
+      }
+      .contributors-filter-container {
+        display: flex;
+        gap: 0.8rem;
+        width: 40%;
+      }
+
+    }
+
+    .red-icon {
+      color: var.$red-1;
+      cursor: pointer;
+    }
+
+    .blue-icon {
+      color: var.$pr-blue-1;
+      cursor: pointer;
+    }
+  }
+
+  li {
+    list-style: inside;
+  }
+}
diff --git a/src/app/features/project/contributors/contributors.component.spec.ts b/src/app/features/project/contributors/contributors.component.spec.ts
new file mode 100644
index 000000000..3852329cb
--- /dev/null
+++ b/src/app/features/project/contributors/contributors.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContributorsComponent } from './contributors.component';
+
+describe('ContributorsComponent', () => {
+  let component: ContributorsComponent;
+  let fixture: ComponentFixture<ContributorsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ContributorsComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ContributorsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/contributors/contributors.component.ts b/src/app/features/project/contributors/contributors.component.ts
new file mode 100644
index 000000000..3d1d1700e
--- /dev/null
+++ b/src/app/features/project/contributors/contributors.component.ts
@@ -0,0 +1,184 @@
+import { TranslatePipe, TranslateService } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { Checkbox } from 'primeng/checkbox';
+import { DialogService, DynamicDialogRef } from 'primeng/dynamicdialog';
+import { Select } from 'primeng/select';
+import { TableModule, TablePageEvent } from 'primeng/table';
+import { Tooltip } from 'primeng/tooltip';
+
+import { DatePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, output, signal } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { FormsModule } from '@angular/forms';
+
+import { MY_PROJECTS_TABLE_PARAMS } from '@core/constants/my-projects-table.constants';
+import { AddContributorDialogComponent } from '@osf/features/project/contributors/components/add-contributor-dialog/add-contributor-dialog.component';
+import { LinkTableModel } from '@osf/features/project/settings';
+import { ViewOnlyTableComponent } from '@osf/shared';
+import { SearchInputComponent } from '@shared/components/search-input/search-input.component';
+import { SelectOption } from '@shared/entities/select-option.interface';
+import { TableParameters } from '@shared/entities/table-parameters.interface';
+import { IS_WEB, IS_XSMALL } from '@shared/utils/breakpoints.tokens';
+import {
+  CreateViewLinkDialogComponent
+} from "@osf/features/project/contributors/components/create-view-link-dialog/create-view-link-dialog.component";
+
+@Component({
+  selector: 'osf-contributors',
+  imports: [
+    Button,
+    SearchInputComponent,
+    Select,
+    TranslatePipe,
+    FormsModule,
+    DatePipe,
+    TableModule,
+    ViewOnlyTableComponent,
+    Tooltip,
+    Checkbox,
+  ],
+  templateUrl: './contributors.component.html',
+  styleUrl: './contributors.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [DialogService],
+})
+export class ContributorsComponent {
+  protected searchValue = signal('');
+  readonly #translateService = inject(TranslateService);
+  readonly items = signal([
+    {
+      name: 'John Doe',
+      permissions: 'Administrator',
+      bibliographicContributor: true,
+      curator: true,
+      employmentHistory: 'https://some_link',
+      educationHistory: null,
+    },
+    {
+      name: 'Jeremy Wolfe',
+      permissions: 'Read + Write',
+      bibliographicContributor: false,
+      curator: true,
+      employmentHistory: null,
+      educationHistory: 'https://some_link',
+    },
+    {
+      name: 'John Doe',
+      permissions: 'Administrator',
+      bibliographicContributor: true,
+      curator: true,
+      employmentHistory: 'https://some_link',
+      educationHistory: 'https://some_link',
+    },
+  ]);
+  protected readonly tableParams = signal<TableParameters>({
+    ...MY_PROJECTS_TABLE_PARAMS,
+  });
+
+  protected readonly selectedPermission = signal<string>('');
+  protected readonly selectedBibliography = signal<string>('');
+  pageChange = output<TablePageEvent>();
+  protected readonly isWeb = toSignal(inject(IS_WEB));
+  protected readonly isMobile = toSignal(inject(IS_XSMALL));
+
+  dialogRef: DynamicDialogRef | null = null;
+  readonly #dialogService = inject(DialogService);
+
+  protected readonly permissionsOptions: SelectOption[] = [
+    {
+      label: this.#translateService.instant('project.contributors.permissions.administrator'),
+      value: 'Administrator',
+    },
+    {
+      label: this.#translateService.instant('project.contributors.permissions.readAndWrite'),
+      value: 'Read + Write',
+    },
+    {
+      label: this.#translateService.instant('project.contributors.permissions.read'),
+      value: 'Read',
+    },
+  ];
+
+  protected readonly bibliographyOptions: SelectOption[] = [
+    {
+      label: this.#translateService.instant('project.contributors.bibliography.bibliographic'),
+      value: 'Bibliographic',
+    },
+    {
+      label: this.#translateService.instant('project.contributors.bibliography.nonBibliographic'),
+      value: 'Non-Bibliographic',
+    },
+  ];
+
+  tableData: LinkTableModel[] = [
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+  ];
+
+  protected onPermissionChange(value: string): void {
+    this.selectedPermission.set(value);
+  }
+
+  protected onBibliographyChange(value: string): void {
+    this.selectedBibliography.set(value);
+  }
+
+  protected onPageChange(event: TablePageEvent): void {
+    this.pageChange.emit(event);
+  }
+
+  protected onItemPermissionChange(event: TablePageEvent): void {}
+
+  addContributor() {
+    this.dialogRef = this.#dialogService.open(AddContributorDialogComponent, {
+      width: '552px',
+      focusOnShow: false,
+      header: this.#translateService.instant('project.contributors.addContributor'),
+      closeOnEscape: true,
+      modal: true,
+      closable: true,
+    });
+  }
+
+  createViewLink() {
+    this.dialogRef = this.#dialogService.open(CreateViewLinkDialogComponent, {
+      width: '448px',
+      focusOnShow: false,
+      header: this.#translateService.instant('project.contributors.createLinkDialog.dialogTitle'),
+      closeOnEscape: true,
+      modal: true,
+      closable: true,
+    });
+  }
+}
diff --git a/src/app/features/project/metadata/project-metadata.component.html b/src/app/features/project/metadata/project-metadata.component.html
index f19d3c730..9e17d0536 100644
--- a/src/app/features/project/metadata/project-metadata.component.html
+++ b/src/app/features/project/metadata/project-metadata.component.html
@@ -29,6 +29,6 @@ <h2>{{ meta.title }}</h2>
 
   <div class="flex justify-content-end flex-0 mt-auto">
     <p-button label="Cancel" [link]="true" severity="info" class="w-10rem btn-full-width"></p-button>
-    <p-button class="w-10rem btn-full-width" label="Next"></p-button>
+    <p-button class="w-10rem btn-full-width bg-primary-blue-second" label="Next"></p-button>
   </div>
 </section>
diff --git a/src/app/features/project/settings/components/accordion-table/accordion-table.component.html b/src/app/features/project/settings/components/accordion-table/accordion-table.component.html
new file mode 100644
index 000000000..bfb6d0a56
--- /dev/null
+++ b/src/app/features/project/settings/components/accordion-table/accordion-table.component.html
@@ -0,0 +1,45 @@
+<div class="flex justify-between align-items-center mb-2 gap-4 w-full border-bottom-1 border-gray-300">
+  <div class="flex align-items-center gap-2 cursor-pointer w-6">
+    <p-button class="btn-icon-text form-btn button-shadow-none" (click)="toggle()">
+      <i class="pi" [ngClass]="{ 'pi-plus': !expanded(), 'pi-minus': expanded() }"></i>
+    </p-button>
+
+    <span class="font-medium text-color">{{ title() }}</span>
+  </div>
+
+  @if (rightControls().length > 0) {
+    <div class="flex flex-wrap gap-4 align-items-center w-6">
+      @for (control of rightControls(); track control) {
+        <div class="flex align-items-center gap-2">
+          @if (control.label) {
+            <span class="font-medium text-color">
+              {{ control.label }}
+            </span>
+          }
+
+          @switch (control.type) {
+            @case ('dropdown') {
+              <p-dropdown
+                class="accordion-dropdown"
+                [options]="control.options"
+                [(ngModel)]="control.value"
+                (onChange)="control.onChange?.(control.value)"
+              />
+            }
+            @case ('text') {
+              <span class="text-sm text-color">
+                {{ control.value }}
+              </span>
+            }
+          }
+        </div>
+      }
+    </div>
+  }
+</div>
+
+@if (expanded()) {
+  <div class="mt-2 pl-5 border-bottom-1 border-gray-300">
+    <ng-content></ng-content>
+  </div>
+}
diff --git a/src/app/features/project/settings/components/accordion-table/accordion-table.component.spec.ts b/src/app/features/project/settings/components/accordion-table/accordion-table.component.spec.ts
new file mode 100644
index 000000000..26df6a5d4
--- /dev/null
+++ b/src/app/features/project/settings/components/accordion-table/accordion-table.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AccordionTableComponent } from './accordion-table.component';
+
+describe('AccordionTableComponent', () => {
+  let component: AccordionTableComponent;
+  let fixture: ComponentFixture<AccordionTableComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AccordionTableComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(AccordionTableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/settings/components/accordion-table/accordion-table.component.ts b/src/app/features/project/settings/components/accordion-table/accordion-table.component.ts
new file mode 100644
index 000000000..3654d7a91
--- /dev/null
+++ b/src/app/features/project/settings/components/accordion-table/accordion-table.component.ts
@@ -0,0 +1,38 @@
+import { Button } from 'primeng/button';
+import { DropdownModule } from 'primeng/dropdown';
+
+import { NgClass } from '@angular/common';
+import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+
+type RightControl =
+  | {
+      type: 'dropdown';
+      label?: string;
+      value: string;
+      options: { label: string; value: string }[];
+      onChange?: (value: string) => void;
+    }
+  | {
+      type: 'text';
+      label?: string;
+      value: string;
+    };
+
+@Component({
+  selector: 'osf-accordion-table',
+  imports: [NgClass, DropdownModule, FormsModule, Button],
+  templateUrl: './accordion-table.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class AccordionTableComponent {
+  title = input.required<string>();
+
+  rightControls = input.required<RightControl[]>();
+
+  expanded = signal(false);
+
+  toggle() {
+    this.expanded.set(!this.expanded());
+  }
+}
diff --git a/src/app/features/project/settings/components/index.ts b/src/app/features/project/settings/components/index.ts
new file mode 100644
index 000000000..74042b224
--- /dev/null
+++ b/src/app/features/project/settings/components/index.ts
@@ -0,0 +1 @@
+export * from './accordion-table/accordion-table.component';
diff --git a/src/app/features/project/settings/index.ts b/src/app/features/project/settings/index.ts
new file mode 100644
index 000000000..c27c630b9
--- /dev/null
+++ b/src/app/features/project/settings/index.ts
@@ -0,0 +1,3 @@
+export * from './components';
+export * from './models';
+export * from './settings.component';
diff --git a/src/app/features/project/settings/models/index.ts b/src/app/features/project/settings/models/index.ts
new file mode 100644
index 000000000..4a4b82eda
--- /dev/null
+++ b/src/app/features/project/settings/models/index.ts
@@ -0,0 +1 @@
+export * from './link-table.model';
diff --git a/src/app/features/project/settings/models/link-table.model.ts b/src/app/features/project/settings/models/link-table.model.ts
new file mode 100644
index 000000000..3990216b8
--- /dev/null
+++ b/src/app/features/project/settings/models/link-table.model.ts
@@ -0,0 +1,8 @@
+export interface LinkTableModel {
+  linkName: string;
+  sharedComponents: string;
+  createdDate: string | Date;
+  createdBy: string;
+  anonymous: boolean;
+  link: string;
+}
diff --git a/src/app/features/project/settings/settings.component.html b/src/app/features/project/settings/settings.component.html
new file mode 100644
index 000000000..dada4425b
--- /dev/null
+++ b/src/app/features/project/settings/settings.component.html
@@ -0,0 +1,196 @@
+<section [class.desktop]="isDesktop()" class="flex flex-column flex-1">
+  <osf-sub-header [title]="'navigation.project.settings' | translate" />
+
+  <div class="flex-column flex flex-1 w-full">
+    <p-tabpanels class="flex flex-column gap-4 flex-1 w-full bg-white">
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.settings.project' | translate }}</h3>
+
+        <form [formGroup]="projectForm" (ngSubmit)="submitForm()" class="flex flex-column gap-4">
+          <!-- Title -->
+          <div class="flex flex-column">
+            <label for="project-title">
+              {{ 'myProjects.createProject.title' | translate }}
+            </label>
+            <input pInputText id="project-title" type="text" [formControlName]="ProjectFormControls.Title" />
+          </div>
+
+          <!-- Description -->
+          <div class="flex flex-column">
+            <label for="description">
+              {{ 'myProjects.createProject.description.label' | translate }}
+            </label>
+            <textarea
+              pTextarea
+              id="description"
+              [formControlName]="ProjectFormControls.Description"
+              [rows]="5"
+            ></textarea>
+          </div>
+
+          <div class="flex sm:justify-content-end flex-0 gap-2 justify-content-between">
+            <p-button
+              type="button"
+              [label]="'settings.accountSettings.common.buttons.cancel' | translate"
+              (onClick)="resetForm()"
+              severity="info"
+              class="w-10rem btn-full-width"
+            ></p-button>
+            <p-button
+              type="submit"
+              class="w-10rem btn-full-width bg-primary-blue-second"
+              [label]="'myProjects.settings.saveChanges' | translate"
+            ></p-button>
+          </div>
+
+          <div class="flex justify-content-end w-full flex-0 border-top-1 pt-4 border-gray-300">
+            <p-button
+              severity="danger"
+              [label]="'myProjects.settings.deleteProject' | translate"
+              class="md:ml-auto sm:w-10rem btn-full-width"
+            ></p-button>
+          </div>
+        </form>
+      </p-card>
+
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.createProject.storageLocation' | translate }}</h3>
+
+        <div class="flex gap-2 pb-2">
+          <p>{{ 'myProjects.createProject.storageLocation' | translate }}:</p>
+
+          <p>United States</p>
+        </div>
+
+        <p class="font-italic">Storage location cannot be changed after project is created.</p>
+      </p-card>
+
+      <p-card class="flex flex-column">
+        <h3 class="text-xl pb-2">{{ 'myProjects.settings.viewOnlyLinks' | translate }}</h3>
+
+        <p>{{ 'myProjects.settings.viewOnlySubtitle' | translate }}</p>
+
+        <div class="mt-4">
+          <osf-view-only-table [tableData]="tableData"></osf-view-only-table>
+        </div>
+
+      </p-card>
+
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.settings.accessRequests' | translate }}</h3>
+
+        <div class="flex align-items-center w-full">
+          <p-checkbox [binary]="true" [formControl]="accessRequest" id="accessRequest" name="ongoing"></p-checkbox>
+          <p class="ml-2">
+            {{ 'myProjects.settings.accessRequestsText' | translate }}
+          </p>
+        </div>
+      </p-card>
+
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.settings.wiki' | translate }}</h3>
+
+        <div class="flex align-items-center w-full">
+          <p-checkbox [binary]="true" [formControl]="wiki" id="wiki" name="ongoing"></p-checkbox>
+
+          <p class="ml-2">
+            {{ 'myProjects.settings.wikiText' | translate }}
+          </p>
+        </div>
+
+        <h3 class="text-xl py-4">{{ 'myProjects.settings.wikiConfigureTitle' | translate }}</h3>
+
+        <p class="pb-4">{{ 'myProjects.settings.wikiConfigureText' | translate }}</p>
+
+        <osf-accordion-table
+          [title]="'Project name example'"
+          [rightControls]="[
+            {
+              type: 'dropdown',
+              label: 'Who can edit:',
+              value: access,
+              options: accessOptions,
+              onChange: onAccessChange,
+            },
+          ]"
+        >
+          <div class="flex align-items-baseline gap-2">
+            <i class="pi pi-minus text-sm icon-space"></i>
+            <span>Sub text</span>
+          </div>
+        </osf-accordion-table>
+      </p-card>
+
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.settings.commenting' | translate }}</h3>
+
+        <div class="flex flex-column gap-3">
+          <div class="flex gap-3">
+            <p-radio-button name="contributorsCanPost" value="0" [(ngModel)]="commenting"></p-radio-button>
+            <p>{{ 'myProjects.settings.contributorsCanPost' | translate }}</p>
+          </div>
+
+          <div class="flex gap-3">
+            <p-radio-button name="osfUserCanPost" value="1" [(ngModel)]="commenting"></p-radio-button>
+            <p>{{ 'myProjects.settings.osfUserCanPost' | translate }}</p>
+          </div>
+        </div>
+      </p-card>
+
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.settings.emailNotifications' | translate }}</h3>
+
+        <p class="pb-4">{{ 'myProjects.settings.emailNotificationsText' | translate }}</p>
+
+        <osf-accordion-table
+          [title]="'Project name example'"
+          [rightControls]="[
+            {
+              type: 'dropdown',
+              label: 'Comments added:',
+              value: commentSetting,
+              options: dropdownOptions,
+            },
+            {
+              type: 'dropdown',
+              label: 'Files updated:',
+              value: fileSetting,
+              options: dropdownOptions,
+            },
+          ]"
+        >
+          <div class="flex align-items-baseline gap-2">
+            <i class="pi pi-minus text-sm icon-space"></i>
+            <span>Sub text</span>
+          </div>
+        </osf-accordion-table>
+      </p-card>
+
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.settings.redirectLink' | translate }}</h3>
+
+        <div class="flex align-items-center w-full">
+          <p-checkbox [binary]="true" [formControl]="redirectLink" id="redirectLink" name="ongoing"></p-checkbox>
+          <p class="ml-2">
+            {{ 'myProjects.settings.redirectLinkText' | translate }}
+          </p>
+        </div>
+      </p-card>
+
+      <p-card>
+        <h3 class="text-xl pb-4">{{ 'myProjects.settings.projectAffiliation' | translate }}</h3>
+
+        <p>{{ 'myProjects.settings.projectsCanBeAffiliated' | translate }}</p>
+
+        <ul>
+          <li>{{ 'myProjects.settings.institutionalLogos' | translate }}</li>
+          <li>{{ 'myProjects.settings.publicProjectsToBeDiscoverable' | translate }}</li>
+          <li>{{ 'myProjects.settings.singleSignInToTHeOSF' | translate }}</li>
+          <li>
+            <a routerLink="#">{{ 'myProjects.settings.faq' | translate }}</a>
+          </li>
+        </ul>
+      </p-card>
+    </p-tabpanels>
+  </div>
+</section>
diff --git a/src/app/features/project/settings/settings.component.scss b/src/app/features/project/settings/settings.component.scss
new file mode 100644
index 000000000..891d35c2c
--- /dev/null
+++ b/src/app/features/project/settings/settings.component.scss
@@ -0,0 +1,11 @@
+@use "../../../../assets/styles/variables" as var;
+@use "../../../../assets/styles/mixins" as mix;
+
+:host {
+  @include mix.flex-column;
+  flex: 1;
+}
+
+.icon-space {
+  padding: 0.7rem 1.1rem;
+}
diff --git a/src/app/features/project/settings/settings.component.spec.ts b/src/app/features/project/settings/settings.component.spec.ts
new file mode 100644
index 000000000..83f8f7e90
--- /dev/null
+++ b/src/app/features/project/settings/settings.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SettingsComponent } from './settings.component';
+
+describe('SettingsComponent', () => {
+  let component: SettingsComponent;
+  let fixture: ComponentFixture<SettingsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SettingsComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(SettingsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/features/project/settings/settings.component.ts b/src/app/features/project/settings/settings.component.ts
new file mode 100644
index 000000000..d7071b9c7
--- /dev/null
+++ b/src/app/features/project/settings/settings.component.ts
@@ -0,0 +1,124 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { Card } from 'primeng/card';
+import { Checkbox } from 'primeng/checkbox';
+import { InputText } from 'primeng/inputtext';
+import { RadioButton } from 'primeng/radiobutton';
+import { TabPanels } from 'primeng/tabs';
+import { Textarea } from 'primeng/textarea';
+
+import { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
+import { RouterLink } from '@angular/router';
+
+import { AccordionTableComponent } from '@osf/features/project/settings/components';
+import { LinkTableModel } from '@osf/features/project/settings/models';
+import { ShareIndexingEnum } from '@osf/features/settings/account-settings/components/share-indexing/enums/share-indexing.enum';
+import { ViewOnlyTableComponent } from '@osf/shared';
+import { SubHeaderComponent } from '@shared/components/sub-header/sub-header.component';
+import { ProjectForm } from '@shared/entities/create-project-form.interface';
+import { ProjectFormControls } from '@shared/entities/create-project-form-controls.enum';
+import { IS_WEB } from '@shared/utils/breakpoints.tokens';
+
+@Component({
+  selector: 'osf-settings',
+  imports: [
+    TranslatePipe,
+    SubHeaderComponent,
+    TabPanels,
+    FormsModule,
+    InputText,
+    ReactiveFormsModule,
+    Textarea,
+    Card,
+    Button,
+    ViewOnlyTableComponent,
+    Checkbox,
+    AccordionTableComponent,
+    RadioButton,
+    RouterLink,
+  ],
+  templateUrl: './settings.component.html',
+  styleUrl: './settings.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class SettingsComponent {
+  protected readonly isDesktop = toSignal(inject(IS_WEB));
+
+  protected readonly ProjectFormControls = ProjectFormControls;
+  protected commenting = signal<ShareIndexingEnum>(ShareIndexingEnum.None);
+
+  projectForm = new FormGroup<Partial<ProjectForm>>({
+    [ProjectFormControls.Title]: new FormControl('', {
+      nonNullable: true,
+      validators: [Validators.required],
+    }),
+    [ProjectFormControls.Description]: new FormControl('', {
+      nonNullable: true,
+    }),
+  });
+  accessRequest = new FormControl<boolean>(false);
+  wiki = new FormControl<boolean>(false);
+  redirectLink = new FormControl<boolean>(false);
+
+  tableData: LinkTableModel[] = [
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+    {
+      linkName: 'name',
+      sharedComponents: 'Project name',
+      createdDate: new Date(),
+      createdBy: 'Igor',
+      anonymous: false,
+      link: 'www.facebook.com',
+    },
+  ];
+  access = 'write';
+  accessOptions = [
+    { label: 'Contributors (with write access)', value: 'write' },
+    { label: 'Anyone with link', value: 'public' },
+  ];
+  commentSetting = 'instantly';
+  fileSetting = 'instantly';
+
+  dropdownOptions = [
+    { label: 'Instantly', value: 'instantly' },
+    { label: 'Daily', value: 'daily' },
+    { label: 'Never', value: 'never' },
+  ];
+  submitForm(): void {
+    // TODO: implement form submission
+  }
+
+  resetForm(): void {
+    this.projectForm.reset();
+  }
+
+  onAccessChange(value: string): void {
+    console.log('Access changed to', value);
+  }
+}
diff --git a/src/app/features/settings/addons/connect-addon/connect-addon.component.html b/src/app/features/settings/addons/connect-addon/connect-addon.component.html
index cbfdb4603..667b70693 100644
--- a/src/app/features/settings/addons/connect-addon/connect-addon.component.html
+++ b/src/app/features/settings/addons/connect-addon/connect-addon.component.html
@@ -10,30 +10,32 @@ <h2>
               {{ 'settings.addons.connectAddon.terms' | translate }}
             </h2>
 
-            <p-table [value]="terms()" class="addon-table">
-              <ng-template pTemplate="header">
-                <tr>
-                  <th>
-                    {{ 'settings.addons.connectAddon.table.function' | translate }}
-                  </th>
-                  <th>
-                    {{ 'settings.addons.connectAddon.table.status' | translate }}
-                  </th>
-                </tr>
-              </ng-template>
-              <ng-template pTemplate="body" let-term>
-                <tr
-                  [ngClass]="{
+            <div class="mt-4">
+              <p-table [value]="terms()" class="addon-table">
+                <ng-template pTemplate="header">
+                  <tr>
+                    <th>
+                      {{ 'settings.addons.connectAddon.table.function' | translate }}
+                    </th>
+                    <th>
+                      {{ 'settings.addons.connectAddon.table.status' | translate }}
+                    </th>
+                  </tr>
+                </ng-template>
+                <ng-template pTemplate="body" let-term>
+                  <tr
+                    [ngClass]="{
                     'background-warning': term.type === 'warning',
                     'background-success': term.type === 'info',
                     'background-danger': term.type === 'danger',
                   }"
-                >
-                  <td>{{ term.function }}</td>
-                  <td>{{ term.status }}</td>
-                </tr>
-              </ng-template>
-            </p-table>
+                  >
+                    <td>{{ term.function }}</td>
+                    <td>{{ term.status }}</td>
+                  </tr>
+                </ng-template>
+              </p-table>
+            </div>
 
             <div class="flex flex-column gap-2 mt-4">
               <p>
diff --git a/src/app/shared/components/index.ts b/src/app/shared/components/index.ts
index 5aeda8a12..fbcdf31e6 100644
--- a/src/app/shared/components/index.ts
+++ b/src/app/shared/components/index.ts
@@ -1,3 +1,4 @@
+export * from './view-only-table/view-only-table.component';
 export { AddProjectFormComponent } from './add-project-form/add-project-form.component';
 export { BarChartComponent } from './bar-chart/bar-chart.component';
 export { LineChartComponent } from './line-chart/line-chart.component';
diff --git a/src/app/shared/components/my-projects-table/my-projects-table.component.html b/src/app/shared/components/my-projects-table/my-projects-table.component.html
index 406b6807e..c91a2778b 100644
--- a/src/app/shared/components/my-projects-table/my-projects-table.component.html
+++ b/src/app/shared/components/my-projects-table/my-projects-table.component.html
@@ -1,4 +1,4 @@
-<div class="flex flex-column flex-1">
+<div class="flex flex-column flex-1 row-gap-4">
   <osf-search-input
     [placeholder]="searchPlaceholder() | translate"
     [searchValue]="searchValue()"
diff --git a/src/app/shared/components/view-only-table/view-only-table.component.html b/src/app/shared/components/view-only-table/view-only-table.component.html
new file mode 100644
index 000000000..b1dfb6f44
--- /dev/null
+++ b/src/app/shared/components/view-only-table/view-only-table.component.html
@@ -0,0 +1,49 @@
+<p-table [value]="tableData()" class="view-only-table">
+  <ng-template #header>
+    <tr>
+      <th>
+        {{ 'myProjects.settings.viewOnlyTable.linkName' | translate }}
+      </th>
+      <th>
+        {{ 'myProjects.settings.viewOnlyTable.sharedComponents' | translate }}
+      </th>
+
+      <th>
+        {{ 'myProjects.settings.viewOnlyTable.createdDate' | translate }}
+      </th>
+
+      <th>
+        {{ 'myProjects.settings.viewOnlyTable.createdBy' | translate }}
+      </th>
+
+      <th>
+        {{ 'myProjects.settings.viewOnlyTable.anonymous' | translate }}
+      </th>
+
+      <th></th>
+    </tr>
+  </ng-template>
+
+  <ng-template #body let-item>
+    <tr>
+      <td class="flex align-items-center gap-2">
+        <span class="w-3 min-w-max">{{ item.linkName }}</span>
+
+        <div class="relative flex align-items-center">
+          <input pInputText class="h-auto text-base w-max py-2 px-3" type="text" [value]="item.link" />
+
+          <p-button class="absolute btn-icon-text form-btn icon-copy-btn button-shadow-none" (click)="copy(item.link)">
+            <i class="osf-icon-copy"></i>
+          </p-button>
+        </div>
+      </td>
+      <td>{{ item.sharedComponents }}</td>
+      <td>{{ item.createdDate | date: 'MMM d, y h:mm a' }}</td>
+      <td>{{ item.createdBy }}</td>
+      <td>{{ item.anonymous }}</td>
+      <td>
+        <i class="osf-icon-trash delete-icon"></i>
+      </td>
+    </tr>
+  </ng-template>
+</p-table>
diff --git a/src/app/shared/components/view-only-table/view-only-table.component.scss b/src/app/shared/components/view-only-table/view-only-table.component.scss
new file mode 100644
index 000000000..eb73a2095
--- /dev/null
+++ b/src/app/shared/components/view-only-table/view-only-table.component.scss
@@ -0,0 +1,16 @@
+@use "assets/styles/variables" as var;
+
+.delete-icon {
+  &:before {
+    color: var.$red-1;
+    cursor: pointer;
+  }
+}
+
+.icon-copy-btn {
+  right: 1.5rem;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1.5rem;
+  cursor: pointer;
+}
\ No newline at end of file
diff --git a/src/app/shared/components/view-only-table/view-only-table.component.spec.ts b/src/app/shared/components/view-only-table/view-only-table.component.spec.ts
new file mode 100644
index 000000000..9f039e15c
--- /dev/null
+++ b/src/app/shared/components/view-only-table/view-only-table.component.spec.ts
@@ -0,0 +1,22 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ViewOnlyTableComponent } from './view-only-table.component';
+
+describe('ViewOnlyTableComponent', () => {
+  let component: ViewOnlyTableComponent;
+  let fixture: ComponentFixture<ViewOnlyTableComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ViewOnlyTableComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(ViewOnlyTableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/shared/components/view-only-table/view-only-table.component.ts b/src/app/shared/components/view-only-table/view-only-table.component.ts
new file mode 100644
index 000000000..b2e8101ee
--- /dev/null
+++ b/src/app/shared/components/view-only-table/view-only-table.component.ts
@@ -0,0 +1,28 @@
+import { TranslatePipe } from '@ngx-translate/core';
+
+import { Button } from 'primeng/button';
+import { InputText } from 'primeng/inputtext';
+import { TableModule } from 'primeng/table';
+
+import { Clipboard } from '@angular/cdk/clipboard';
+import { DatePipe } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, input } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+
+import { LinkTableModel } from '@osf/features/project/settings';
+
+@Component({
+  selector: 'osf-view-only-table',
+  imports: [TableModule, TranslatePipe, DatePipe, InputText, ReactiveFormsModule, Button],
+  templateUrl: './view-only-table.component.html',
+  styleUrl: './view-only-table.component.scss',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ViewOnlyTableComponent {
+  tableData = input.required<LinkTableModel[]>();
+
+  readonly #clipboard = inject(Clipboard);
+  copy(link: string): void {
+    this.#clipboard.copy(link);
+  }
+}
diff --git a/src/app/shared/index.ts b/src/app/shared/index.ts
new file mode 100644
index 000000000..742094d5a
--- /dev/null
+++ b/src/app/shared/index.ts
@@ -0,0 +1 @@
+export * from './components/index';
diff --git a/src/app/shared/utils/remove-nullable.const.ts b/src/app/shared/utils/remove-nullable.const.ts
index 615efe166..59872b241 100644
--- a/src/app/shared/utils/remove-nullable.const.ts
+++ b/src/app/shared/utils/remove-nullable.const.ts
@@ -1,5 +1,6 @@
 export function removeNullable<T extends object>(obj: T): Partial<T> {
   return Object.fromEntries(
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Object.entries(obj).filter(([_, value]) => value !== null && value !== undefined)
   ) as Partial<T>;
 }
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 0f5ffaefe..406719273 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -22,6 +22,8 @@
       "metadata": "Metadata",
       "files": "Files",
       "registrations": "Registrations",
+      "settings": "Settings",
+      "contributors": "Contributors",
       "analytics": "Analytics"
     }
   },
@@ -217,6 +219,40 @@
         "cancel": "Cancel",
         "create": "Create Project"
       }
+    },
+    "settings": {
+      "project": "Project",
+      "saveChanges": "Save Changes",
+      "deleteProject": "Delete Project",
+      "viewOnlyLinks": "View-only Links",
+      "viewOnlySubtitle": "Create a link to share this project so those who have the link can view—but not edit—the project.",
+      "viewOnlyTable": {
+        "linkName": "Link Name",
+        "sharedComponents": "Shared Components",
+        "createdDate": "Created date",
+        "createdBy": "Created By",
+        "anonymous": "Anonymous"
+      },
+      "accessRequests": "Access Requests",
+      "accessRequestsText": "Allow users to request access to this project",
+      "wiki": "Wiki",
+      "wikiText": "Enable the wiki In [Dashboard] New and Noteworthy.",
+      "wikiConfigureTitle": "Configure",
+      "wikiConfigureText": "Create a link to share this project so those who have the link can view—but not edit—the project.",
+      "commenting": "Commenting",
+      "contributorsCanPost": "Only contributors can post comments",
+      "osfUserCanPost": "When the project is public, any OSF user can post comments",
+      "emailNotifications": "Email Notifications",
+      "emailNotificationsText": "These notification settings only apply to you. They do NOT affect any other contributor on this project.",
+      "redirectLink": "Redirect Link",
+      "redirectLinkText": "Redirect visitors from your project page to an external webpage",
+      "projectAffiliation": "Project Affiliation / Branding",
+      "projectsCanBeAffiliated": "Projects can be affiliated with institutions that have created OSF for Institutions accounts. This allows:",
+      "institutionalLogos": "institutional logos to be displayed on public projects",
+      "publicProjectsToBeDiscoverable": "public projects to be discoverable on specific institutional landing pages",
+      "singleSignInToTHeOSF": "single sign-in to the OSF with institutional credentials",
+      "faq": "FAQ",
+      "": ""
     }
   },
   "project": {
@@ -239,6 +275,42 @@
         "popularPages": "Popular pages",
         "visits": "Visits"
       }
+    },
+    "contributors": {
+      "addContributor": "Add Contributor",
+      "searchPlaceholder": "Search contributors",
+      "permissionFilter": "Filter by permission",
+      "bibliographyFilter": "Bibliography",
+      "permissions": {
+        "administrator": "Administrator",
+        "readAndWrite": "Read + Write",
+        "read": "Read"
+      },
+      "bibliography": {
+        "bibliographic": "Bibliographic",
+        "nonBibliographic": "Non-Bibliographic"
+      },
+      "table": {
+        "headers": {
+          "name": "Name",
+          "permissions": "Permissions",
+          "contributor": "Bibliographic Contributor",
+          "curator": "Curator",
+          "employment": "Employment history",
+          "education": "Education history"
+        }
+      },
+      "viewOnly": "View-only links",
+      "createLink": "Create a link to share this project so those who have the link can view—but not edit—the project.",
+      "createButton": "Create",
+      "addDialog": {
+        "placeholder": "Search by name or user information",
+        "cancel": "Cancel",
+        "next": "Next"
+      },
+      "createLinkDialog": {
+        "dialogTitle": "Create a new link to share your project"
+      }
     }
   },
   "settings": {
diff --git a/src/assets/styles/overrides/button.scss b/src/assets/styles/overrides/button.scss
index b8de2901f..30a27144f 100644
--- a/src/assets/styles/overrides/button.scss
+++ b/src/assets/styles/overrides/button.scss
@@ -234,3 +234,13 @@
     color: var.$grey-1;
   }
 }
+
+.bg-primary-blue-second {
+  background-color: var.$pr-blue-2;
+}
+
+.button-shadow-none {
+  .p-button {
+    box-shadow: none;
+  }
+}
diff --git a/src/assets/styles/overrides/dropdown.scss b/src/assets/styles/overrides/dropdown.scss
index bbd7a0baf..28b14595c 100644
--- a/src/assets/styles/overrides/dropdown.scss
+++ b/src/assets/styles/overrides/dropdown.scss
@@ -19,4 +19,13 @@
       background: var.$bg-blue-2;
     }
   }
+
+  &.accordion-dropdown {
+    border: none;
+    box-shadow: none;
+    min-width: 170px;
+    width: max-content;
+    max-width: 300px;
+    font-size: 1rem;
+  }
 }
diff --git a/src/assets/styles/overrides/select.scss b/src/assets/styles/overrides/select.scss
index 0a6c0ec10..f76e51775 100644
--- a/src/assets/styles/overrides/select.scss
+++ b/src/assets/styles/overrides/select.scss
@@ -81,6 +81,16 @@
   }
 }
 
+.select-font-normal {
+  .no-border-dropdown {
+    .p-select {
+      .p-select-label {
+        font-weight: 400;
+      }
+    }
+  }
+}
+
 .filter {
   .p-select {
     .p-select-label {
@@ -116,3 +126,9 @@
     }
   }
 }
+
+.grey-placeholder {
+  .p-select .p-placeholder span {
+    color: var.$grey-1;
+  }
+}
diff --git a/src/assets/styles/overrides/table.scss b/src/assets/styles/overrides/table.scss
index af8e60712..028261d27 100644
--- a/src/assets/styles/overrides/table.scss
+++ b/src/assets/styles/overrides/table.scss
@@ -3,7 +3,6 @@
 @layer reset {
   p-table {
     .p-datatable {
-      margin-top: 24px;
       border: 1px solid var.$grey-2;
       border-radius: 8px;
       padding: 24px;
@@ -251,3 +250,27 @@
     }
   }
 }
+
+.view-only-table {
+  .p-datatable {
+    padding: 2px;
+
+    td,
+    th {
+      background-color: transparent;
+      border-bottom: 1px solid var.$grey-2;
+    }
+
+    tr {
+      &:hover {
+        background: transparent;
+      }
+
+      &:last-of-type {
+        td {
+          border-bottom: none;
+        }
+      }
+    }
+  }
+}
diff --git a/src/assets/styles/overrides/tooltip.scss b/src/assets/styles/overrides/tooltip.scss
new file mode 100644
index 000000000..0a37ad1d0
--- /dev/null
+++ b/src/assets/styles/overrides/tooltip.scss
@@ -0,0 +1,15 @@
+@use "assets/styles/variables" as var;
+
+.p-tooltip-text {
+  display: flex !important;
+  background: var.$white;
+  color: var.$dark-blue-1;
+  min-width: 22rem;
+  border: 1px solid var.$grey-3;
+  padding: 1rem;
+}
+
+.p-tooltip-arrow {
+  border-right-color: var.$white;
+  border: 1px solid var.$grey-3;
+}
diff --git a/src/assets/styles/styles.scss b/src/assets/styles/styles.scss
index 175e475ad..86c58ddac 100644
--- a/src/assets/styles/styles.scss
+++ b/src/assets/styles/styles.scss
@@ -31,6 +31,7 @@
 @use "./overrides/spinner";
 @use "./overrides/password";
 @use "./common";
+@use "./overrides/tooltip";
 
 @layer base, primeng, reset;
 
@@ -76,6 +77,12 @@
     list-style: none;
   }
 
+  .inside-list {
+    li {
+      list-style: inside;
+    }
+  }
+
   a,
   a:visited {
     text-decoration: none;