Discover @lachlanjc Open Source projects

Lachlan Campbell (@lachlanjc)

lachlanjc

Stars
1,083
Global Rank 28,348 (Top 1.0 %)
Followers 560
Following 306
Registered over 11 years ago
Most used languages

JavaScript
56.3 %

TypeScript
20.0 %

HTML
6.3 %

Ruby
5.0 %

CSS
3.8 %

Swift
3.8 %

MDX 2.5 %

C++
1.3 %

Shell
1.3 %
Location 🇺🇸 United States
Country Total Rank 8,333
Country Ranking

MDX 73

TypeScript
1,341

JavaScript
2,587

HTML
3,825

Swift
3,949

CSS
5,356

Ruby
8,075

covidtesting

The COVID-19 Testing Gap: an interactive data visualization

supercons

A friendly, open source React iconset

predictcovid

Visualize & track the 2020 COVID-19 pandemic by country.

objectify-css

CLI for converting CSS rules to JavaScript style objects

next-theme-starter

Batteries-included Next.js starter for Theme UI & MDX

gunfunded

Analyzing the gun lobby’s funding of Congress.

globalcovid

Website for 2020 COVID-19 Global Hackathon

notebook

Daily notebook/mini blog

nrafunded

The NRA is paying off Congress at the expense of lives.

theme-ui-preset-geist

Theme UI preset, derived from Geist UI

calltoaction

Call Congress with a tap

spectrum-icons

Spectrum's amazing iconset, republished as React components

resnow

React component for snow on your webpage ☃️

2019

My 2019 year in review

a-colorful-thing

A simple collaborative drawing app built with Liveblocks & Remix.

react-box-shadow

React component for CSS box-shadow

2020-sites

Portfolio of 12 websites I made in 2020

yarn3

🧶 Yarn 3.0: download the most popular npm packages right onto your desk!

nyu

My application to Interactive Media Arts @ NYU.

gasp

An inclusive sex ed zine from your friends at Planned Parenthood @ PSU

catherine

Website for Catherine Campbell

notebook-cards

Generate Open Graph images for @lachlanjc/notebook

site

My personal website

tachyons-svg-skins

Tachyons CSS module for skinning SVG elements

co2

Track the PPM of CO₂ in the atmosphere.

bfx

Post to Buffer (almost) instantaneously.

noodles

Keep, cook, and share all your recipes with Noodles.

abls-edge

Airtable-based link shortener built on Vercel Edge Functions

edu

Blog for my coursework at NYU, majoring in Interactive Media Arts.

autocolor

CLI for generating CSS color utilities

schacks-demo

Text a color to a Twilio number and see the page update live.

intro

Personal website workshop

next-mdx-rebass-theme-ui

Starter project: Next.js + MDX + Rebass + Theme UI.

symbols

My first SwiftUI app: SF Symbol reference iOS app

spatial-twitter-search

Prototype of embeddings-based search of Twitter likes/bookmarks on an infinite canvas

centresustains

Website for central Pennsylvania’s local government sustainability & climate projects

hs

Web projects for high school assignments.

lil-dashboard

Demo app of Next.js 13 app directory with server components

rings

🚴🏻 Prototyping rendering Apple Watch Activity rings in React for 2019 in Review

react-music-embed

React component for Apple Music embeds

hackraise

covid19-diary

pridemakers

The deck, starter project, & final demo for @lachlanjc’s talk at PrideMakers 2021.

2019-music

Prototyping music page for 2019 in review

51-migrants

Scrollytelling website telling the story of 51 migrants in San Antonio, TX.

built-with-tachyons

A showcase of websites built using Tachyons

congress

Trying to rescue democracy

meteocast

A weather app built with Sinatra

fossilfunded

See if the fossil fuel industry is funding your Representative—and speak out.

hackclub-emoji

An analysis of the emoji reactions used in the Hack Club Slack.

gunfunded-cards

Open Graph/Instagram Stories social cards for Gun Funded

vercel-route-visualizer

Remix template for CodeSandbox Projects

2020-music

notes-demo

Demo Rails app for Hack Club workshop.

lachlanjc.github.io

Personal website of @lachlanjc

react-song-embed

React component for Songlink embeds

camplightbulb

hyperpaste

Toothpaste for your Hyper

nyc-portal

WebVR time machine in NYC to see the city in the 20th century

scrapbook

A native iOS version of scrapbook.hackclub.com with SwiftUI

noodles3-rw

Rebuilding getnoodl.es in Redwood

2017

teenshaledata

Number crunching for the Teen Shale Network

log

todo

Fast & simple shell to-do list.

teenshalenetwork

Website for TeenShale Network at State College Area High School

new-tab-chrome

A "wireframe" for New Tab Chrome extensions.

fabrication-portfolio

Fabrication class portfolio

analytics

Analytics for my website, using micro-analytics

doomerism

A chaotic calendar feed of climate catastrophes

portfolio

Portfolio of my artwork

journal

My second SwiftUI app: PencilKit journal for iPad

splattered

Microservice for making rad patterns for Noodles.

noodles3-blitz

Rebuilding getnoodl.es in Blitz.js

quizapp

The simplest way to give your class a quiz

web-haptics

Quick project to demonstrate haptic effects in a web browser with WebSockets + Arduino

decarbonize-the-game

WIP interactive board game to decarbonize the electricity grid

mosaiccc

github-night

A Userstyle for using GitHub at night.

represent

Make presentations in a flash.

autovendor

Work-in-progress installation art

dispersions

Online art exhibition of Christopher Campbell’s 2020 Dispersions series