Skip to main content

Featured project: Quina

Quina is a strategic, logical word game, built from scratch with Nuxt. The gameplay is based on classic pen-and-paper word games (think: Mastermind, but with words), but the app and design are 100% original.

Quina was released December 2020 as a progressive web app and on the Google Play store. Version 2.0 was released in spring 2022 (with an overhauled game board, a daily puzzle mode, and new achievements). Version 2.0 was also released on the iOS App Store.

I wrote about the original making of Quina on this blog, and on CSS Tricks. Check out Quina on the web, or download it for iOS or Android:

  • Download Quina on the App Store
  • Get Quina on Google Play

Hondo

Another word game, this one built with SvelteKit, and a bit more akin to Wordle (but with some twists and more complex mechanics).

The goal is to guess as many words as possible in a row, earning bonus points for streaks, to get to 100 points as quickly as possible.

Read about the making of Hondo, check out theGitHub repo, play Hondo in your browser, or download Hondo from the app stores:

  • Download Hondo on the App Store
  • Get Hondo on Google Play

Recent design work

A selection of logos, illustrations, animations, interfaces, and other design work from recent work history.

Deno logo Deno logo
Deno logo since 2024
An illustration in the style of lo-fi anime showing a cute dinosaur coding on a laptop in a cozy room. The laptop has a Deno sticker on the lid, and there's a steamy mug of coffee beside it. In the background is a plant, on the sill of a window overlooking hills and trees. It's dusk outside, with some stars visible in the upper skies, and it is raining gently as clouds slowly float past. The interior is warmly lit by a single desk lamp. On the desk is a takeout box, with chopsticks and a lemon beside it. Peeking over the edge of the box, barely visible, is DeeDee, the Deno Deploy mascot. Ferris, the Rust mascot, can also just barely be seen peeking out from inside the plant pot.
Animated illustration for Deno.com
Interactive dino customizer for the Deno 2.0 launch
Deno logo Deno logo
Deno Deploy logo (2025)
A screenshot of the Deno Deploy dashboard, showing a list of projects under my personal organization account. The URL is console.deno.com.
The Deno Deploy app dashboard
JSR logo
A screenshot of JSR.io, the JavaScript package registry.
JSR.io - the JavaScript package registry
A screenshot of JavaScript.tm, the site to free JavaScript from Oracle's trademark.
JavaScript.tm - campaign to free JavaScript from Oracle's trademark

CSS Easing playground

Created for this blog post, this interactive playground lets you examine how a variety of easing curves look and feel, and allows you to draw up your own and copy the CSS.

Every curve on the page is an SVG, including the interactive demo, which is accessible across device types. The curve redraws in real time as the handles are moved, and an animated node follows the curve to demonstrate the movement.

joshcollinsworth.com/demos/easing

SvelteKit static blog starter

A fully open-source, pre-configured starter for a SvelteKit blog. Includes Markdown and CSS preprocessing; has mdsvex with rehype plugins pre-installed; and includes automatic prefetching of top-level routes, an RSS feed, and a JSON API.

(Admittedly, this project is a little less relevant now that SvelteKit offers most of this stuff when you set up a new project, but the boilerplate remains useful for those who want a quick start.)

sveltekit-static-starter.netlify.app

CodePen Collections

A couple of CodePen collections showcasing some of my favorite pens and experiments, along with some pens that are more about a laugh than the code.