diff --git a/projects/flocking/pkg/flocking.d.ts b/projects/flocking/pkg/flocking.d.ts
new file mode 100644
index 0000000..ba88299
--- /dev/null
+++ b/projects/flocking/pkg/flocking.d.ts
@@ -0,0 +1,67 @@
+/* tslint:disable */
+/* eslint-disable */
+
+export class SimulationWasm {
+    free(): void;
+    [Symbol.dispose](): void;
+    add_boid(): void;
+    boid_buffer_len(): number;
+    boid_buffer_ptr(): number;
+    boid_buffer_stride(): number;
+    get_align_mult(): number;
+    get_boid_count(): number;
+    get_cohesion_mult(): number;
+    get_separation_mult(): number;
+    constructor(width: number, height: number, num_boids: number);
+    remove_boid(): void;
+    resize(width: number, height: number): void;
+    set_align_mult(value: number): void;
+    set_cohesion_mult(value: number): void;
+    set_separation_mult(value: number): void;
+    step(): void;
+}
+
+export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembly.Module;
+
+export interface InitOutput {
+    readonly memory: WebAssembly.Memory;
+    readonly __wbg_simulationwasm_free: (a: number, b: number) => void;
+    readonly simulationwasm_add_boid: (a: number) => void;
+    readonly simulationwasm_boid_buffer_len: (a: number) => number;
+    readonly simulationwasm_boid_buffer_ptr: (a: number) => number;
+    readonly simulationwasm_boid_buffer_stride: (a: number) => number;
+    readonly simulationwasm_get_align_mult: (a: number) => number;
+    readonly simulationwasm_get_boid_count: (a: number) => number;
+    readonly simulationwasm_get_cohesion_mult: (a: number) => number;
+    readonly simulationwasm_get_separation_mult: (a: number) => number;
+    readonly simulationwasm_new: (a: number, b: number, c: number) => number;
+    readonly simulationwasm_remove_boid: (a: number) => void;
+    readonly simulationwasm_resize: (a: number, b: number, c: number) => void;
+    readonly simulationwasm_set_align_mult: (a: number, b: number) => void;
+    readonly simulationwasm_set_cohesion_mult: (a: number, b: number) => void;
+    readonly simulationwasm_set_separation_mult: (a: number, b: number) => void;
+    readonly simulationwasm_step: (a: number) => void;
+    readonly __wbindgen_export: (a: number) => void;
+}
+
+export type SyncInitInput = BufferSource | WebAssembly.Module;
+
+/**
+ * Instantiates the given `module`, which can either be bytes or
+ * a precompiled `WebAssembly.Module`.
+ *
+ * @param {{ module: SyncInitInput }} module - Passing `SyncInitInput` directly is deprecated.
+ *
+ * @returns {InitOutput}
+ */
+export function initSync(module: { module: SyncInitInput } | SyncInitInput): InitOutput;
+
+/**
+ * If `module_or_path` is {RequestInfo} or {URL}, makes a request and
+ * for everything else, calls `WebAssembly.instantiate` directly.
+ *
+ * @param {{ module_or_path: InitInput | Promise<InitInput> }} module_or_path - Passing `InitInput` directly is deprecated.
+ *
+ * @returns {Promise<InitOutput>}
+ */
+export default function __wbg_init (module_or_path?: { module_or_path: InitInput | Promise<InitInput> } | InitInput | Promise<InitInput>): Promise<InitOutput>;
diff --git a/projects/flocking/pkg/flocking.js b/projects/flocking/pkg/flocking.js
new file mode 100644
index 0000000..a140e05
--- /dev/null
+++ b/projects/flocking/pkg/flocking.js
@@ -0,0 +1,388 @@
+/* @ts-self-types="./flocking.d.ts" */
+
+export class SimulationWasm {
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        SimulationWasmFinalization.unregister(this);
+        return ptr;
+    }
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_simulationwasm_free(ptr, 0);
+    }
+    add_boid() {
+        wasm.simulationwasm_add_boid(this.__wbg_ptr);
+    }
+    /**
+     * @returns {number}
+     */
+    boid_buffer_len() {
+        const ret = wasm.simulationwasm_boid_buffer_len(this.__wbg_ptr);
+        return ret >>> 0;
+    }
+    /**
+     * @returns {number}
+     */
+    boid_buffer_ptr() {
+        const ret = wasm.simulationwasm_boid_buffer_ptr(this.__wbg_ptr);
+        return ret >>> 0;
+    }
+    /**
+     * @returns {number}
+     */
+    boid_buffer_stride() {
+        const ret = wasm.simulationwasm_boid_buffer_stride(this.__wbg_ptr);
+        return ret >>> 0;
+    }
+    /**
+     * @returns {number}
+     */
+    get_align_mult() {
+        const ret = wasm.simulationwasm_get_align_mult(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * @returns {number}
+     */
+    get_boid_count() {
+        const ret = wasm.simulationwasm_get_boid_count(this.__wbg_ptr);
+        return ret >>> 0;
+    }
+    /**
+     * @returns {number}
+     */
+    get_cohesion_mult() {
+        const ret = wasm.simulationwasm_get_cohesion_mult(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * @returns {number}
+     */
+    get_separation_mult() {
+        const ret = wasm.simulationwasm_get_separation_mult(this.__wbg_ptr);
+        return ret;
+    }
+    /**
+     * @param {number} width
+     * @param {number} height
+     * @param {number} num_boids
+     */
+    constructor(width, height, num_boids) {
+        const ret = wasm.simulationwasm_new(width, height, num_boids);
+        this.__wbg_ptr = ret >>> 0;
+        SimulationWasmFinalization.register(this, this.__wbg_ptr, this);
+        return this;
+    }
+    remove_boid() {
+        wasm.simulationwasm_remove_boid(this.__wbg_ptr);
+    }
+    /**
+     * @param {number} width
+     * @param {number} height
+     */
+    resize(width, height) {
+        wasm.simulationwasm_resize(this.__wbg_ptr, width, height);
+    }
+    /**
+     * @param {number} value
+     */
+    set_align_mult(value) {
+        wasm.simulationwasm_set_align_mult(this.__wbg_ptr, value);
+    }
+    /**
+     * @param {number} value
+     */
+    set_cohesion_mult(value) {
+        wasm.simulationwasm_set_cohesion_mult(this.__wbg_ptr, value);
+    }
+    /**
+     * @param {number} value
+     */
+    set_separation_mult(value) {
+        wasm.simulationwasm_set_separation_mult(this.__wbg_ptr, value);
+    }
+    step() {
+        wasm.simulationwasm_step(this.__wbg_ptr);
+    }
+}
+if (Symbol.dispose) SimulationWasm.prototype[Symbol.dispose] = SimulationWasm.prototype.free;
+
+function __wbg_get_imports() {
+    const import0 = {
+        __proto__: null,
+        __wbg___wbindgen_is_function_3c846841762788c1: function(arg0) {
+            const ret = typeof(getObject(arg0)) === 'function';
+            return ret;
+        },
+        __wbg___wbindgen_is_object_781bc9f159099513: function(arg0) {
+            const val = getObject(arg0);
+            const ret = typeof(val) === 'object' && val !== null;
+            return ret;
+        },
+        __wbg___wbindgen_is_string_7ef6b97b02428fae: function(arg0) {
+            const ret = typeof(getObject(arg0)) === 'string';
+            return ret;
+        },
+        __wbg___wbindgen_is_undefined_52709e72fb9f179c: function(arg0) {
+            const ret = getObject(arg0) === undefined;
+            return ret;
+        },
+        __wbg___wbindgen_throw_6ddd609b62940d55: function(arg0, arg1) {
+            throw new Error(getStringFromWasm0(arg0, arg1));
+        },
+        __wbg_call_2d781c1f4d5c0ef8: function() { return handleError(function (arg0, arg1, arg2) {
+            const ret = getObject(arg0).call(getObject(arg1), getObject(arg2));
+            return addHeapObject(ret);
+        }, arguments); },
+        __wbg_crypto_38df2bab126b63dc: function(arg0) {
+            const ret = getObject(arg0).crypto;
+            return addHeapObject(ret);
+        },
+        __wbg_getRandomValues_c44a50d8cfdaebeb: function() { return handleError(function (arg0, arg1) {
+            getObject(arg0).getRandomValues(getObject(arg1));
+        }, arguments); },
+        __wbg_length_ea16607d7b61445b: function(arg0) {
+            const ret = getObject(arg0).length;
+            return ret;
+        },
+        __wbg_msCrypto_bd5a034af96bcba6: function(arg0) {
+            const ret = getObject(arg0).msCrypto;
+            return addHeapObject(ret);
+        },
+        __wbg_new_with_length_825018a1616e9e55: function(arg0) {
+            const ret = new Uint8Array(arg0 >>> 0);
+            return addHeapObject(ret);
+        },
+        __wbg_node_84ea875411254db1: function(arg0) {
+            const ret = getObject(arg0).node;
+            return addHeapObject(ret);
+        },
+        __wbg_process_44c7a14e11e9f69e: function(arg0) {
+            const ret = getObject(arg0).process;
+            return addHeapObject(ret);
+        },
+        __wbg_prototypesetcall_d62e5099504357e6: function(arg0, arg1, arg2) {
+            Uint8Array.prototype.set.call(getArrayU8FromWasm0(arg0, arg1), getObject(arg2));
+        },
+        __wbg_randomFillSync_6c25eac9869eb53c: function() { return handleError(function (arg0, arg1) {
+            getObject(arg0).randomFillSync(takeObject(arg1));
+        }, arguments); },
+        __wbg_require_b4edbdcf3e2a1ef0: function() { return handleError(function () {
+            const ret = module.require;
+            return addHeapObject(ret);
+        }, arguments); },
+        __wbg_static_accessor_GLOBAL_8adb955bd33fac2f: function() {
+            const ret = typeof global === 'undefined' ? null : global;
+            return isLikeNone(ret) ? 0 : addHeapObject(ret);
+        },
+        __wbg_static_accessor_GLOBAL_THIS_ad356e0db91c7913: function() {
+            const ret = typeof globalThis === 'undefined' ? null : globalThis;
+            return isLikeNone(ret) ? 0 : addHeapObject(ret);
+        },
+        __wbg_static_accessor_SELF_f207c857566db248: function() {
+            const ret = typeof self === 'undefined' ? null : self;
+            return isLikeNone(ret) ? 0 : addHeapObject(ret);
+        },
+        __wbg_static_accessor_WINDOW_bb9f1ba69d61b386: function() {
+            const ret = typeof window === 'undefined' ? null : window;
+            return isLikeNone(ret) ? 0 : addHeapObject(ret);
+        },
+        __wbg_subarray_a068d24e39478a8a: function(arg0, arg1, arg2) {
+            const ret = getObject(arg0).subarray(arg1 >>> 0, arg2 >>> 0);
+            return addHeapObject(ret);
+        },
+        __wbg_versions_276b2795b1c6a219: function(arg0) {
+            const ret = getObject(arg0).versions;
+            return addHeapObject(ret);
+        },
+        __wbindgen_cast_0000000000000001: function(arg0, arg1) {
+            // Cast intrinsic for `Ref(Slice(U8)) -> NamedExternref("Uint8Array")`.
+            const ret = getArrayU8FromWasm0(arg0, arg1);
+            return addHeapObject(ret);
+        },
+        __wbindgen_cast_0000000000000002: function(arg0, arg1) {
+            // Cast intrinsic for `Ref(String) -> Externref`.
+            const ret = getStringFromWasm0(arg0, arg1);
+            return addHeapObject(ret);
+        },
+        __wbindgen_object_clone_ref: function(arg0) {
+            const ret = getObject(arg0);
+            return addHeapObject(ret);
+        },
+        __wbindgen_object_drop_ref: function(arg0) {
+            takeObject(arg0);
+        },
+    };
+    return {
+        __proto__: null,
+        "./flocking_bg.js": import0,
+    };
+}
+
+const SimulationWasmFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_simulationwasm_free(ptr >>> 0, 1));
+
+function addHeapObject(obj) {
+    if (heap_next === heap.length) heap.push(heap.length + 1);
+    const idx = heap_next;
+    heap_next = heap[idx];
+
+    heap[idx] = obj;
+    return idx;
+}
+
+function dropObject(idx) {
+    if (idx < 1028) return;
+    heap[idx] = heap_next;
+    heap_next = idx;
+}
+
+function getArrayU8FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
+}
+
+function getStringFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return decodeText(ptr, len);
+}
+
+let cachedUint8ArrayMemory0 = null;
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+function getObject(idx) { return heap[idx]; }
+
+function handleError(f, args) {
+    try {
+        return f.apply(this, args);
+    } catch (e) {
+        wasm.__wbindgen_export(addHeapObject(e));
+    }
+}
+
+let heap = new Array(1024).fill(undefined);
+heap.push(undefined, null, true, false);
+
+let heap_next = heap.length;
+
+function isLikeNone(x) {
+    return x === undefined || x === null;
+}
+
+function takeObject(idx) {
+    const ret = getObject(idx);
+    dropObject(idx);
+    return ret;
+}
+
+let cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+cachedTextDecoder.decode();
+const MAX_SAFARI_DECODE_BYTES = 2146435072;
+let numBytesDecoded = 0;
+function decodeText(ptr, len) {
+    numBytesDecoded += len;
+    if (numBytesDecoded >= MAX_SAFARI_DECODE_BYTES) {
+        cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
+        cachedTextDecoder.decode();
+        numBytesDecoded = len;
+    }
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+let wasmModule, wasm;
+function __wbg_finalize_init(instance, module) {
+    wasm = instance.exports;
+    wasmModule = module;
+    cachedUint8ArrayMemory0 = null;
+    return wasm;
+}
+
+async function __wbg_load(module, imports) {
+    if (typeof Response === 'function' && module instanceof Response) {
+        if (typeof WebAssembly.instantiateStreaming === 'function') {
+            try {
+                return await WebAssembly.instantiateStreaming(module, imports);
+            } catch (e) {
+                const validResponse = module.ok && expectedResponseType(module.type);
+
+                if (validResponse && module.headers.get('Content-Type') !== 'application/wasm') {
+                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
+
+                } else { throw e; }
+            }
+        }
+
+        const bytes = await module.arrayBuffer();
+        return await WebAssembly.instantiate(bytes, imports);
+    } else {
+        const instance = await WebAssembly.instantiate(module, imports);
+
+        if (instance instanceof WebAssembly.Instance) {
+            return { instance, module };
+        } else {
+            return instance;
+        }
+    }
+
+    function expectedResponseType(type) {
+        switch (type) {
+            case 'basic': case 'cors': case 'default': return true;
+        }
+        return false;
+    }
+}
+
+function initSync(module) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module !== undefined) {
+        if (Object.getPrototypeOf(module) === Object.prototype) {
+            ({module} = module)
+        } else {
+            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
+        }
+    }
+
+    const imports = __wbg_get_imports();
+    if (!(module instanceof WebAssembly.Module)) {
+        module = new WebAssembly.Module(module);
+    }
+    const instance = new WebAssembly.Instance(module, imports);
+    return __wbg_finalize_init(instance, module);
+}
+
+async function __wbg_init(module_or_path) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (module_or_path !== undefined) {
+        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
+            ({module_or_path} = module_or_path)
+        } else {
+            console.warn('using deprecated parameters for the initialization function; pass a single object instead')
+        }
+    }
+
+    if (module_or_path === undefined) {
+        module_or_path = new URL('flocking_bg.wasm', import.meta.url);
+    }
+    const imports = __wbg_get_imports();
+
+    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
+        module_or_path = fetch(module_or_path);
+    }
+
+    const { instance, module } = await __wbg_load(await module_or_path, imports);
+
+    return __wbg_finalize_init(instance, module);
+}
+
+export { initSync, __wbg_init as default };
diff --git a/projects/flocking/pkg/flocking_bg.wasm b/projects/flocking/pkg/flocking_bg.wasm
new file mode 100644
index 0000000..1cfb6d1
Binary files /dev/null and b/projects/flocking/pkg/flocking_bg.wasm differ
diff --git a/projects/flocking/pkg/flocking_bg.wasm.d.ts b/projects/flocking/pkg/flocking_bg.wasm.d.ts
new file mode 100644
index 0000000..548d921
--- /dev/null
+++ b/projects/flocking/pkg/flocking_bg.wasm.d.ts
@@ -0,0 +1,20 @@
+/* tslint:disable */
+/* eslint-disable */
+export const memory: WebAssembly.Memory;
+export const __wbg_simulationwasm_free: (a: number, b: number) => void;
+export const simulationwasm_add_boid: (a: number) => void;
+export const simulationwasm_boid_buffer_len: (a: number) => number;
+export const simulationwasm_boid_buffer_ptr: (a: number) => number;
+export const simulationwasm_boid_buffer_stride: (a: number) => number;
+export const simulationwasm_get_align_mult: (a: number) => number;
+export const simulationwasm_get_boid_count: (a: number) => number;
+export const simulationwasm_get_cohesion_mult: (a: number) => number;
+export const simulationwasm_get_separation_mult: (a: number) => number;
+export const simulationwasm_new: (a: number, b: number, c: number) => number;
+export const simulationwasm_remove_boid: (a: number) => void;
+export const simulationwasm_resize: (a: number, b: number, c: number) => void;
+export const simulationwasm_set_align_mult: (a: number, b: number) => void;
+export const simulationwasm_set_cohesion_mult: (a: number, b: number) => void;
+export const simulationwasm_set_separation_mult: (a: number, b: number) => void;
+export const simulationwasm_step: (a: number) => void;
+export const __wbindgen_export: (a: number) => void;
diff --git a/projects/flocking/pkg/package.json b/projects/flocking/pkg/package.json
new file mode 100644
index 0000000..652fc92
--- /dev/null
+++ b/projects/flocking/pkg/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "flocking",
+  "type": "module",
+  "version": "0.1.0",
+  "files": [
+    "flocking_bg.wasm",
+    "flocking.js",
+    "flocking.d.ts"
+  ],
+  "main": "flocking.js",
+  "types": "flocking.d.ts",
+  "sideEffects": [
+    "./snippets/*"
+  ]
+}
\ No newline at end of file
diff --git a/script.js b/script.js
index 77b4b27..5cff8af 100644
--- a/script.js
+++ b/script.js
@@ -27,7 +27,7 @@ window.addEventListener('scroll', () => {
 const filterChips = document.querySelectorAll('.filter-chip');
 const projectCards = document.querySelectorAll('#project-grid .project-card');
 const seeMoreButton = document.querySelector('#projects-see-more');
-const DEFAULT_VISIBLE_PROJECTS = 8;
+const DEFAULT_VISIBLE_PROJECTS = 9;
 
 if (filterChips.length > 0 && projectCards.length > 0) {
     let selectedFilter = 'all';