This is your work, valued

Toronto, Canada

Q

Elite
@ItsJonQ

I'm Q! Designer. Maker. Systems thinker.

g2. ✨ An experimental reimagining of WordPress components

101

kreate. A tiny element creator plugin for jQuery.

82

hstack-vstack-css. CSS layout components that (basically) horizontally and vertically stack anything.

43

zero. 📦 A zero config scripts library

18

owlet. 🦉 Owlet: A series of simple VSCode themes

18

gutenberg-theme-creator. Gutenberg Theme.json Creator

15

lil-b. Lil' B - A Bootstrap "Reset" Stylesheet

14

wordpress-design-guidelines. 📚 WordPress: Design Guidelines

13

controls. 🎛 A control panel for developing/prototyping React UI

11

styled-view. ✌️ UI Primitive for React, with CSS-in-JS support

10

dotfiles. Ma dotfiles <3

10

gutenbook. An experimental Storybook-based Gutenberg block dev environment

9

mnm. The minimal Obsidian theme.

9

cyan. 🐱 Cypress-like testing for React + JSDOM

8

stylis-plugin-css-variables. 🔄 Transforms CSS variable into static values for non-supported browsers

8

resizey. 🐡 Resizey: Resize event listeners on DOM Elements!

7

scrolley. 🐹 Scrolley: Extra scroll event listeners for DOM Elements!

7

timberjack. An object-oriented Wordpress theme that utilizes the Timber plugin

7

dark-refined. 🔸Refined: A series of VSCode themes based on Dark+

7

use-moxie. 🔗 React hook that integrates with Moxie - an online REST API for prototyping.

6

wp-gs. WordPress: Global Styles (Concept)

6

is. 💡 A tiny type checker for JavaScript

6

wordpress-components-snippets. ✂️ Handy code snippets for @wordpress/components

6

sup. ⭐️SUP: Simple task tracker

6

im-sans. Idea Machine Sans (shortened as IM Sans) is a custom font made by Q

6

progress-kit. ⏳ A Progress Component Toolkit for React

6

styled-providers. ✨ Handy Providers for Emotion / Styled Components

5

prestart. 🔑 A tiny tool to make Javascript development a little more delightful

5

jonquach. 🦄 Q: My personal site

5

YouTubeSearchRankChecker. A simple YouTube SEO tool that checks the search rank of videos.

5

platform. 📦 Platform: A native-like React component library

4

obsidian. My Obsidian workflow.

4

rxs. Reactive CSS: Super fast dynamic CSS rules!

3

g2-status. G2 Component Development and Integration Status

3

react-viewport-frame. React Viewport Frame

3

use-state-reducer. 🔽 use-state-reducer

3

is-style-prop-valid. 🎒 Utilities for CSS style properties

3

dash-get. ✊ Get: A tiny get function, similar to Lodash.get

3

remake. 🦋 Remake: A simple generator from locally defined templates

3

recolor. 🎨 Recolor

3

g2-prototypes. 🔳 G2 Prototypes

3

gallereakit. Reakit x Next.js: (Unsplash) Gallery previewer

3

use-enhanced-state. 🔄 A collection of enhanced useState hooks for React.

2

ccjs. A tiny JS code comment converter app

2

next-g2-starter. A simple Next.js starter to get up and developing quickly with G2

2

carbon. Styled atoms and components

2

use-patterns. Curated Gutenberg block patterns

2

next-twind-tailwind. Getting Tailwind and Twind to work with Next.js (v10)

2

wp-gs-editor-x. WP: Global Styles: Editor Experiments

2

shadow-light. 🔲 An experimental UI study in shadows and light

2

reuse. ♻️ A collection of React hooks

2

sass-pathfinder. A tiny includePath resolver for node-sass

2

workshop-practical-css-animations. Workshop: Practical CSS Animations

2

stephen.log. 🌈stephen.log: It's like console.log, but with Stephen.

2

elm. 🌳 Collection of handy React Elements

1

outrunner. 🕶Outrunner: A Radical VS Code Theme

1

champ. 🏆 Champ: Captain, slugger, skip, ace... Get one of these names!

1

magic-box. Experimental prototype of a base Gutenberg Block

1

gutenjump. Gutenberg Jump Search Prototype

1