Preet

workly. A really simple way to move a function or class to a web worker. 🏋️‍♀️→ 😄

lumin. A JavaScript library to progressively highlight any text on a page.

legra. LegraJS lets you draw using LEGO like brick shapes

windtalk. Simplest way to communicate with iFrames and other windows

brickception. A fun take on the classic bricks breakout game with popup windows!

rough-paint. Using Houdini CSS Paint API with Rough.js

bezier-points. TypeScript

math-ml. MathML implementation using custom elements

sockly. TypeScript

puppet-canvas. HTML5 Canvas implementation for NodeJS backed by Puppeteer

every-color-picker. Color picker components. Framework independent.

venn. Declarative Venn Diagrams

base69. Base69 is a binary-to-text encoding scheme inspired by Base64 encoding

planar-range. A 2D range component

emoji-slider. A slider control with emojis

points-on-path. Estimate point on a SVG path

byproxy. A different way of thinking of web client-server RPC

rough-draw. Creates a sketchy, hand-drawn version of any image using RoughJS and a WASM version of OpenCV

stippled-image. Custom element to show the stippled version of image

film-strip. TypeScript

hachure-fill. Fill a polygon with lines at the specified angle and gap between them

path-data-parser. Yet another SVG Path Parser

proxly. Easiest way to proxy a list of objects/functions in Javascript

media-pool. A pool of reusable media elements for the web.

alit-element. A simple base class that extends lit-element with some utility functions and adds decorators

csi. https://createsocialimages.com

key-tree. Simple keyed tree data structure 🔑🌲

portcast. Multicasting for Channel Messaging API

cielab-dither. Image dithering in the CIELAB color space

sketchy-path. Generate sketchy hand-drawn versions of SVG paths

flappy-checkbox. TypeScript

genart-tree. Simple generative art

no-script. custom element that will block all child script elements from executing

ecp-website. Nunjucks

gpt-search-helper. A browser extension to add ChatGPT results to your search results

stipple. Stipple

soso. Sosos Elements

dag. Basic Directed Acyclic Graph

lit-html. HTML template literals in JavaScript

shihn.ca.apps. Code to accompany blog posts

recolored-image. Custom element to show image shifted to a different color

rough-playground. Silly, tiny, experiments using Rough.js

legra-web. Website for LegraJS

virtual-list. Yet another virtual list web component

lit-matrix. Matrix math using tagged template literals

edge-routing. TypeScript

byproxy-demo. JavaScript

worker-script. TypeScript

bannerdemo. HTML