Dan Tonon

mq-scss. Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.

font-face-generator. An @font-face generating Sass mixin to make adding custom fonts to websites much easier.

Atomic-Categorizer. A tool for helping you decide what Atomic Design category components belong to.

time-input-polyfill. A polyfill for input[type=time] elements modeled after the Chrome & Fire Fox implementations.

gutter-grid. A Sass flexbox based grid system that is able to replicate CSS grid-gap in IE11

mq-js. Media queries in JavaScript inspired by the mq-scss Sass mixin

react-time-input-polyfill. A simple React component that produces an input[type=time] element with a built in Polyfill for Safari and IE support

query-list. A Sass mixin powered by mq-scss that is a work around for the lack of container queries in css

random-tables-roller. Personal project for quickly rolling random tables for my D&D games.

zustand-create-setter-fn. A fully type safe utility for Zustand that allows you to easily update state using React style setState functions (framework agnostic, doesn't require React).

Swordion. A feature rich website starter kit that makes life easy for front end developers (think Bootstrap but better!)

count-keys. A JS function for counting the number of keys there are in objects and arrays, including nested objects and arrays

gulp-auto-imports. Auto generate import-only files for any file type. SCSS, JS, TS, Pug, whatever you want.