Projects

On this page you'll find a collection of various projects and artworks. Some of them even have an accompanying blog post (I know, exhilarating).

Foreground: In big text are the words "rehype fn-citation spacer", with smaller text below that says "a rehype plugin that makes some space between adjacent in-text footnote-citation/references". Background: A pink gradient, with a grid pattern imposed upon on it.

rehype-fn-citation-spacer

Released:

A rehype plugin that makes some space between adjacent in-text footnote citations/references.

TypeScript,

Markdown,

Rehype,

Bun,

Valibot

Butterfly Signal's default image imposed on a gray radial gradient (darker at edges).

Butterfly Signal

Released:

A browser extension to help you discover websites on Bluesky/AtProto.

TypeScript,

Rust,

WebAssembly,

Svelte,

Chromium Extension API (Manifest V3),

AtProto API,

Bluesky SDK

Foreground: MDX symbol plus a typescript file plus a cloud database symbol. Background: two-dimensional gradients spanning a distance infinitely far away, that appears to make a floor and a ceiling from the viewers perspective.

A Custom CMS

Released:

A custom CMS I built, that launched with this website.

Technical Summary:

This wasn't the post I planned to write. Initially, I thought this post was going to be dedicated exclusively to my bespoke content management system. Where, I thought I’d wax poetic for a while about how sometimes the best solutions, are tailor made. However, I’ve since come back to my senses to realize that the best solution is the one with the smallest number of compromises, hand crafted be damned... READ_MORE =>

TypeScript,

React,

Bun,

Node.js,

Drizzle ORM,

Turso,

MDX,

gray-matter,

mdx-bundler,

plaiceholder

Screenshot of a simplex noise shader, featuring black and white elements.

Simplex Noise Shader #001

Released:

|

Updated:

A GLSL shader created using simplex noise, and many distance functions.

Three.js,

React Three Fiber

Foreground: A pink pyramid overlaps an bold-blue acute letter L. Background: An out-of-focus fluid-like black and white pattern resembling a zebra.

laniakita.com

Released:

My personal website, blog, and portfolio. It's also the test bed I use to cut my teeth on ermerging tools and technologies in the Javascript ecosystem.

TypeScript,

React,

Next.js,

Tailwind CSS,

Motion,

React Three Fiber,

Zustand,

Bun,

Node.js,

SST,

Fumadocs-MDX,

vercel/og

Screenshot of a development build of Bot Clicker, before being officially released to the public.

Bot Clicker

Released:

|

Updated:

A toy-game that briefly lived on the landing page, where you clicked on robots.

Technical Summary:

Bot Clicker is a satirical mini-game I made for the landing page where you click on robots to make the clicker counter go up, and in return, they puff up and make enlightening sounds and social commentary... READ_MORE =>

Next.js,

TypeScript,

React,

Zustand,

Three.js,

React Three Fiber,

React Three Drei,

React Three A11y