pshihn/legra

Stars
408
Rank 105,946 (Top 3 %)
Language
TypeScript
License
MIT License
Created about 5 years ago
Updated over 2 years ago

pshihn/legra

pshihn

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

LegraJS lets you draw using LEGO like brick shapes

LEGRA

Legra (Lego® brick Graphics) is a small (3.4KB gzipped) JavaScript library that lets you draw using LEGO® like brick shapes on an HTML <canvas> element. This library defines basic graphics primitives like lines, rectangles, polygons, ellipses, bézier curves, etc. All shapes are drawn either outlined or filled in.

For documentation and more: https://legrajs.com

License

LEGO® is a trademark of The LEGO Group.

LegraJS is available to everyone under the MIT license © Preet Shihn

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.

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

math-ml

MathML implementation using custom elements

sockly

puppet-canvas

HTML5 Canvas implementation for NodeJS backed by Puppeteer

every-color-picker

Color picker components. Framework independent.

venn

Declarative Venn Diagrams

planar-range

A 2D range component

byproxy

A different way of thinking of web client-server RPC

emoji-slider

A slider control with emojis

points-on-path

Estimate point on a SVG path

base69

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

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

proxly

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

path-data-parser

Yet another SVG Path Parser

hachure-fill

Fill a polygon with lines at the specified angle and gap between them

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

genart-tree

Simple generative art

cielab-dither

Image dithering in the CIELAB color space

flappy-checkbox

sketchy-path

Generate sketchy hand-drawn versions of SVG paths

gpt-search-helper

A browser extension to add ChatGPT results to your search results

ecp-website

no-script

custom element that will block all child script elements from executing

stipple

shihn.ca.apps

Code to accompany blog posts

dag

Basic Directed Acyclic Graph

soso

lit-matrix

Matrix math using tagged template literals

virtual-list

Yet another virtual list web component

rough-playground

Silly, tiny, experiments using Rough.js

recolored-image

Custom element to show image shifted to a different color

undoredo

byproxy-demo

worker-script

lit-app-utils

roughjs-typescript-example

Sample typescript project using rough.js

superconductorjs

super conductor js

navu11

bannerdemo

legra-web

Website for LegraJS

x-link-title-enabler

Browser extension to add link titles back in the view

no-more-script

One script to stop all other scripts

cell-canvas

HeyHue

This is going to be the most ultimatest lib to work with colors

checked-clock

A clock that uses other checked-elements as bits to draw numbers