diff --git a/docs/extensions/extensions.data.ts b/docs/extensions/extensions.data.ts
new file mode 100644
index 000000000..5bd28535c
--- /dev/null
+++ b/docs/extensions/extensions.data.ts
@@ -0,0 +1,355 @@
+let baseExtensions: Extension[] = [
+  {
+    name: "pgvector",
+    description: `
+      Open-source vector similarity search for Postgres.
+
+      Store your vectors with the rest of your data. Supports:
+      - exact and approximate nearest neighbor search
+      - single-precision, half-precision, binary, and sparse vectors
+      - L2 distance, inner product, cosine distance, L1 distance, Hamming distance, and Jaccard distance
+    `,
+    featured: true,
+    repo: "https://github.com/pgvector/pgvector",
+    tags: ["postgres extension"],
+    importPath: "@electric-sql/pglite/vector",
+    importName: "vector",
+    core: true,
+  },
+  {
+    name: "live",
+    description: `
+      A reactive, or "live", query extension for PGlite that enables you to subscribe to a query 
+      and receive updated results when the underlying tables change.
+    `,
+    featured: true,
+    repo: "https://github.com/electric-sql/pglite/tree/main/packages/pglite/src/live",
+    docs: "/docs/live-queries",
+    tags: ["pglite plugin"],
+    importPath: "@electric-sql/pglite/live",
+    importName: "live",
+    core: true,
+  },
+  {
+    name: "adminpack",
+    description: `
+      adminpack provides a number of support functions which pgAdmin and other 
+      administration and management tools can use to provide additional functionality
+    `,
+    docs: "https://www.postgresql.org/docs/current/adminpack.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/adminpack",
+    importName: "adminpack",
+    core: true,
+  },
+  {
+    name: "amcheck",
+    description: `
+      The amcheck module provides functions that allow you to verify the logical 
+      consistency of the structure of relations.
+    `,
+    docs: "https://www.postgresql.org/docs/current/amcheck.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/amcheck",
+    importName: "amcheck",
+    core: true,
+  },
+  {
+    name: "auto_explain",
+    description: `
+      The auto_explain module provides a means for logging execution plans of slow 
+      statements automatically, without having to run EXPLAIN by hand.
+    `,
+    docs: "https://www.postgresql.org/docs/current/auto-explain.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/auto_explain",
+    importName: "auto_explain",
+    core: true,
+  },
+  {
+    name: "bloom",
+    description: `
+      bloom provides an index access method based on Bloom filters.
+      A Bloom filter is a space-efficient data structure that is used to test whether 
+      an element is a member of a set. In the case of an index access method, it 
+      allows fast exclusion of non-matching tuples via signatures whose size is 
+      determined at index creation.
+    `,
+    repo: "https://www.postgresql.org/docs/current/bloom.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/bloom",
+    importName: "bloom",
+    core: true,
+  },
+  {
+    name: "btree_gin",
+    description: `
+      btree_gin provides GIN operator classes that implement B-tree equivalent 
+      behavior for many built in data types.
+    `,
+    docs: "https://www.postgresql.org/docs/current/btree-gin.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/btree_gin",
+    importName: "btree_gin",
+    core: true,
+  },
+  {
+    name: "btree_gist",
+    description: `
+      btree_gist provides GiST operator classes that implement B-tree equivalent 
+      behavior for many built in data types.
+    `,
+    docs: "https://www.postgresql.org/docs/current/btree-gist.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/btree_gist",
+    importName: "btree_gist",
+    core: true,
+  },
+  {
+    name: "citext",
+    description: `
+      citext provides a case-insensitive character string type, citext. Essentially, 
+      it internally calls lower when comparing values. Otherwise, it behaves almost 
+      the same as text.
+    `,
+    docs: "https://www.postgresql.org/docs/current/citext.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/citext",
+    importName: "citext",
+    core: true,
+  },
+  {
+    name: "cube",
+    description: `
+      cube provides a data type cube for representing multidimensional cubes.
+    `,
+    docs: "https://www.postgresql.org/docs/current/cube.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/cube",
+    importName: "cube",
+    core: true,
+  },
+  {
+    name: "earthdistance",
+    description: `
+      The earthdistance module provides tools for calculating great circle distances 
+      on the surface of the Earth.
+    `,
+    docs: "https://www.postgresql.org/docs/current/earthdistance.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/earthdistance",
+    importName: "earthdistance",
+    core: true,
+  },
+  {
+    name: "fuzzystrmatch",
+    description: `
+      fuzzystrmatch provides functions to determine similarities and distance 
+      between strings.
+    `,
+    docs: "https://www.postgresql.org/docs/current/fuzzystrmatch.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/fuzzystrmatch",
+    importName: "fuzzystrmatch",
+    core: true,
+  },
+  {
+    name: "hstore",
+    description: ` 
+      This module implements the hstore data type for storing sets of key/value pairs 
+      within a single PostgreSQL value. This can be useful in various scenarios, 
+      such as rows with many attributes that are rarely examined, or semi-structured 
+      data. Keys and values are simply text strings.
+    `,
+    docs: "https://www.postgresql.org/docs/current/hstore.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/hstore",
+    importName: "hstore",
+    core: true,
+  },
+  {
+    name: "isn",
+    description: `
+      The isn module provides data types for the following international product 
+      numbering standards: EAN13, UPC, ISBN (books), ISMN (music), and ISSN (serials).
+    `,
+    docs: "https://www.postgresql.org/docs/current/isn.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/isn",
+    importName: "isn",
+    core: true,
+  },
+  {
+    name: "lo",
+    description: `
+      The lo module provides support for managing Large Objects (also called LOs 
+      or BLOBs). This includes a data type lo and a trigger lo_manage.
+    `,
+    docs: "https://www.postgresql.org/docs/current/lo.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/lo",
+    importName: "lo",
+    core: true,
+  },
+  {
+    name: "ltree",
+    description: `
+      This module implements a data type ltree for representing labels of data stored 
+      in a hierarchical tree-like structure. Extensive facilities for searching through 
+      label trees are provided.
+    `,
+    docs: "https://www.postgresql.org/docs/current/ltree.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/ltree",
+    importName: "ltree",
+    core: true,
+  },
+  {
+    name: "pg_trgm",
+    description: `
+      The pg_trgm module provides functions and operators for determining the similarity 
+      of alphanumeric text based on trigram matching, as well as index operator classes 
+      that support fast searching for similar strings.
+    `,
+    docs: "https://www.postgresql.org/docs/current/pgtrgm.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/pg_trgm",
+    importName: "pg_trgm",
+    core: true,
+  },
+  {
+    name: "seg",
+    description: `
+      This module implements a data type seg for representing line segments, or 
+      floating point intervals. seg can represent uncertainty in the interval endpoints,
+      making it especially useful for representing laboratory measurements.
+    `,
+    docs: "https://www.postgresql.org/docs/current/seg.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/seg",
+    importName: "seg",
+    core: true,
+  },
+  {
+    name: "tablefunc",
+    description: `
+      The tablefunc module includes various functions that return tables (that is, 
+      multiple rows). These functions are useful both in their own right and as 
+      examples of how to write C functions that return multiple rows.
+    `,
+    docs: "https://www.postgresql.org/docs/current/tablefunc.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/tablefunc",
+    importName: "tablefunc",
+    core: true,
+  },
+  {
+    name: "tcn",
+    description: `
+      The tcn module provides a trigger function that notifies listeners of changes to 
+      any table on which it is attached. It must be used as an AFTER trigger 
+      FOR EACH ROW.
+    `,
+    docs: "https://www.postgresql.org/docs/current/tcn.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/tcn",
+    importName: "tcn",
+    core: true,
+  },
+  {
+    name: "tsm_system_rows",
+    description: `
+      The tsm_system_rows module provides the table sampling method SYSTEM_ROWS, which 
+      can be used in the TABLESAMPLE clause of a SELECT command.
+    `,
+    docs: "https://www.postgresql.org/docs/current/tsm-system-rows.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/tsm_system_rows",
+    importName: "tsm_system_rows",
+    core: true,
+  },
+  {
+    name: "tsm_system_time",
+    description: `
+      The tsm_system_time module provides the table sampling method SYSTEM_TIME, which 
+      can be used in the TABLESAMPLE clause of a SELECT command.
+    `,
+    docs: "https://www.postgresql.org/docs/current/tsm-system-time.html",
+    tags: ["postgres extension", "postgres/contrib"],
+    importPath: "@electric-sql/pglite/contrib/tsm_system_time",
+    importName: "tsm_system_time",
+  },
+];
+
+const tags = [
+  "postgres extension",
+  "pglite plugin",
+  "postgres/contrib",
+] as const;
+
+export type Tag = (typeof tags)[number];
+
+export interface Extension {
+  name: string;
+  description: string;
+  descriptionHtml?: string;
+  repo?: string;
+  homepage?: string;
+  docs?: string;
+  featured?: boolean;
+  tags?: Tag[];
+  importPath?: string;
+  importName?: string;
+  core?: boolean;
+  npmPackage?: string;
+}
+
+export default {
+  async load() {
+    const { createMarkdownRenderer } = await import("vitepress");
+    const config = (await import("../.vitepress/config.mjs")).default;
+    const dedent = (await import("dedent")).default;
+
+    const md = await createMarkdownRenderer(config.srcDir!, config.markdown);
+
+    const extensions = baseExtensions.map((extension) => {
+      let descriptionHtml = extension.descriptionHtml;
+      if (!descriptionHtml) {
+        let description = dedent(extension.description).trim();
+        if (extension.core) {
+          description += '\n\n' + dedent`
+          \`${extension.name}\` is included in the main PGlite package.
+          `
+        } else if (extension.npmPackage) {
+          description += dedent`
+          <!-- this comment is a hack to force a new paragraph -->
+
+          ${"```"}sh
+          npm install ${extension.npmPackage}
+          ${"```"}
+          `
+        }
+        if (extension.importName && extension.importPath) {
+          description += '\n\n' + dedent`
+          ${"```"}js
+          import { ${extension.importName} } from '${extension.importPath}';
+          const pg = new PGlite({
+            extensions: { ${extension.importName} }
+          });
+          ${"```"}
+          `;
+        }
+        descriptionHtml = md.render(description);
+      }
+      return {
+        ...extension,
+        descriptionHtml,
+      };
+    });
+
+    return {
+      extensions,
+      tags,
+    };
+  },
+};
diff --git a/docs/extensions/index.md b/docs/extensions/index.md
index a0ed4d3cf..1c658da46 100644
--- a/docs/extensions/index.md
+++ b/docs/extensions/index.md
@@ -1 +1,157 @@
-# PGlite Extensions
\ No newline at end of file
+<script setup>
+import { computed, ref } from "vue";
+import { data } from "./extensions.data.ts";
+
+const filteredExtensions = computed(() => {
+  return data.extensions
+    .filter((ext) => !selectedTag.value || ext.tags.includes(selectedTag.value))
+    .sort((a, b) => {
+      if (a.featured && !b.featured) return -1;
+      if (!a.featured && b.featured) return 1;
+      return a.name.localeCompare(b.name);
+    });
+});
+
+function mainLink(ext) {
+  return ext.homepage || ext.repo || ext.docs;
+}
+
+function slugify(string) {
+  return string
+    .replace('/', '')
+    .replace(' ', '-')
+    .replace('_', '-')
+    .toLowerCase()
+}
+
+const tags = computed(() => {
+  return data.tags.map((tag) => {
+    return {
+      name: tag,
+      count: data.extensions.filter((ext) => ext.tags.includes(tag)).length,
+    }
+  })
+})
+
+const selectedTag = ref(null)
+</script>
+
+<style scoped>
+.btn-tag {
+    border-color: var(--vp-button-alt-border);
+    color: var(--vp-button-alt-text);
+    background-color: var(--vp-button-alt-bg);
+    border-radius: 20px;
+    padding: 0 20px;
+    line-height: 38px;
+    font-size: 14px;
+    display: inline-block;
+    border: 1px solid transparent;
+    text-align: center;
+    font-weight: 600;
+    white-space: nowrap;
+    transition: color 0.25s, border-color 0.25s, background-color 0.25s;
+    margin-right: 0.5rem;
+}
+
+.btn-tag:hover {
+  border-color: var(--vp-button-alt-hover-border);
+  color: var(--vp-button-alt-hover-text);
+  background-color: var(--vp-button-alt-hover-bg);
+}
+
+.btn-tag.selected {
+  border-color: var(--vp-button-brand-border);
+  color: var(--vp-c-gray-3);
+  background-color: var(--vp-button-brand-bg);
+}
+
+.btn-tag.selected:hover {
+  border-color: var(--vp-button-brand-hover-border);
+  background-color: var(--vp-button-brand-hover-bg);
+}
+
+.btn-tag .count {
+  margin-left: 0.25rem;
+  opacity: 0.5
+}
+
+.tags, .links {
+  margin-top: 1rem;
+}
+
+.tag {
+    border-color: var(--vp-button-alt-border);
+    color: var(--vp-button-alt-text);
+    background-color: var(--vp-button-alt-bg);
+    border-radius: 20px;
+    padding: 5px 10px;
+    line-height: 18px;
+    font-size: 14px;
+    display: inline-block;
+    border: 1px solid transparent;
+    text-align: center;
+    font-weight: 600;
+    white-space: nowrap;
+    transition: color 0.25s, border-color 0.25s, background-color 0.25s;
+    margin-right: 0.5rem;
+}
+
+.links a {
+  margin-right: 0.5rem;
+}
+</style>
+
+# PGlite Extensions
+
+PGlite support both Postgres extensions and has a plugin API to enable extensions to extend the public API of the PGlite interface.
+
+Below is a list of available extensions.
+
+<div class="tags">
+  <button
+    v-for="tag in tags"
+    :key="tag.name"
+    @click="
+      selectedTag == tag.name ?
+        selectedTag = null :
+        selectedTag = tag.name
+    "
+    class="btn-tag"
+    :class="{ selected: tag.name === selectedTag }"
+  >
+    {{ tag.name }} <span class="count">{{ tag.count }}</span>
+  </button>
+</div>
+
+<div class="extension" v-for="ext in filteredExtensions">
+
+<h2
+  :id="slugify(ext.name)"
+  tabindex="-1"
+>
+  <a :href="mainLink(ext)">{{ ext.name }}</a>
+  <a 
+    class="header-anchor"
+    :href="`#${slugify(ext.name)}`"
+    :aria-label="`Permalink to ${ext.name}`"
+  >​</a>
+</h2>
+
+<div class="description" v-html="ext.descriptionHtml"></div>
+
+<div class="links">
+  <a 
+    v-if="ext.repo?.startsWith('https://github.com/')" 
+    :href="ext.repo"
+    target="_blank"
+  >Github</a>
+  <a v-else-if="ext.repo" :href="ext.repo" target="_blank">Repo</a>
+  <a v-if="ext.docs" :href="ext.docs" target="_blank">Documentation</a>
+  <a v-if="ext.homepage" :href="ext.homepage" target="_blank">Homepage</a>
+</div>
+<div class="tags">
+  <span v-for="tag in ext.tags" :key="tag" class="tag">{{ tag }}</span>
+</div>
+
+</div>
diff --git a/docs/package.json b/docs/package.json
index 254ae5784..185c9936f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -1,5 +1,6 @@
 {
   "name": "docs",
+  "type": "module",
   "scripts": {
     "docs:dev": "vitepress dev",
     "docs:build": "vitepress build",
@@ -9,6 +10,7 @@
     "vitepress": "^1.3.1"
   },
   "dependencies": {
-    "@uiw/codemirror-theme-github": "^4.23.0"
+    "@uiw/codemirror-theme-github": "^4.23.0",
+    "dedent": "^1.5.3"
   }
 }
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 643d13d27..eb2fe035f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -18,6 +18,9 @@ importers:
       '@uiw/codemirror-theme-github':
         specifier: ^4.23.0
         version: 4.23.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.28.1)
+      dedent:
+        specifier: ^1.5.3
+        version: 1.5.3
     devDependencies:
       vitepress:
         specifier: ^1.3.1
@@ -3106,6 +3109,15 @@ packages:
       mimic-response: 3.1.0
     dev: true
 
+  /dedent@1.5.3:
+    resolution: {integrity: sha512-NHQtfOOW68WD8lgypbLA5oT+Bt0xXJhiYvoR6SmmNXZfpzOGXwdKWmcwG8N7PwVVWV3eF/68nmD9BaJSsTBhyQ==}
+    peerDependencies:
+      babel-plugin-macros: ^3.1.0
+    peerDependenciesMeta:
+      babel-plugin-macros:
+        optional: true
+    dev: false
+
   /deep-extend@0.6.0:
     resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
     engines: {node: '>=4.0.0'}