Discover @ItsJonQ Open Source projects

Q (@ItsJonQ)

ItsJonQ

Stars
556
Global Rank 52,380 (Top 2 %)
Followers 207
Following 101
Registered about 12 years ago
Most used languages

JavaScript
72.1 %

CSS
12.8 %

TypeScript
9.3 %

HTML
4.7 %

Shell
1.2 %
Location 🇨🇦 Canada
Country Total Rank 1,560
Country Ranking

CSS
121

JavaScript
333

Shell
963

TypeScript
998

HTML
1,720

g2

✨ An experimental reimagining of WordPress components

kreate

A tiny element creator plugin for jQuery.

hstack-vstack-css

CSS layout components that (basically) horizontally and vertically stack anything.

zero

📦 A zero config scripts library

gutenberg-theme-creator

Gutenberg Theme.json Creator

lil-b

Lil' B - A Bootstrap "Reset" Stylesheet

wordpress-design-guidelines

📚 WordPress: Design Guidelines

controls

🎛 A control panel for developing/prototyping React UI

dotfiles

styled-view

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

gutenbook

An experimental Storybook-based Gutenberg block dev environment

mnm

The minimal Obsidian theme.

cyan

🐱 Cypress-like testing for React + JSDOM

stylis-plugin-css-variables

🔄 Transforms CSS variable into static values for non-supported browsers

dark-refined

🔸Refined: A series of VSCode themes based on Dark+

timberjack

An object-oriented Wordpress theme that utilizes the Timber plugin

resizey

🐡 Resizey: Resize event listeners on DOM Elements!

progress-kit

⏳ A Progress Component Toolkit for React

use-moxie

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

sup

⭐️SUP: Simple task tracker

scrolley

🐹 Scrolley: Extra scroll event listeners for DOM Elements!

wp-gs

WordPress: Global Styles (Concept)

jonquach

🦄 Q: My personal site

is

💡 A tiny type checker for JavaScript

styled-providers

✨ Handy Providers for Emotion / Styled Components

wordpress-components-snippets

✂️ Handy code snippets for @wordpress/components

obsidian

My Obsidian workflow.

prestart

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

platform

📦 Platform: A native-like React component library

recolor

dash-get

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

react-viewport-frame

React Viewport Frame

gallereakit

Reakit x Next.js: (Unsplash) Gallery previewer

g2-status

G2 Component Development and Integration Status

remake

🦋 Remake: A simple generator from locally defined templates

use-state-reducer

🔽 use-state-reducer

is-style-prop-valid

🎒 Utilities for CSS style properties

rxs

Reactive CSS: Super fast dynamic CSS rules!

g2-prototypes

🔳 G2 Prototypes

use-enhanced-state

🔄 A collection of enhanced useState hooks for React.

wp-gs-editor-x

WP: Global Styles: Editor Experiments

carbon

Styled atoms and components

patterns

A collection of neato design patterns

workshop-practical-css-animations

Workshop: Practical CSS Animations

move

👟Move: A game where you keep moving to stay alive.

reuse

♻️ A collection of React hooks

casein

Casein: Writing Sass/CSS with Javascript

genki

Genki 🌈: CSS Unit Testing in Node

ccjs

A tiny JS code comment converter app

shadow-light

🔲 An experimental UI study in shadows and light

next-twind-tailwind

Getting Tailwind and Twind to work with Next.js (v10)

sass-pathfinder

A tiny includePath resolver for node-sass

use-patterns

Curated Gutenberg block patterns

stephen.log

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

next-g2-starter

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

react-pose-15

🕺React Pose animation library, for React 15

im-sans

Idea Machine Sans (shortened as IM Sans) is a custom font made by Q

react-boost

🚀 Boost: Handy dependencies for a React App!

react-select

React Select Component

modes

Modes: A modular design system for CSS

protokit-starter

Prototype Starter Kit for Create React App

nodoubles

NoDoubles: HOW FAST CAN YOU WENT!?

formit

🐇Formit: A speedy way to create HTML forms.

taro

The minimal purple Obsidian theme

magic-box

Experimental prototype of a base Gutenberg Block

90s

A collection of 90s inspired website I made for fun

gutenjump

Gutenberg Jump Search Prototype

champ

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

composer-css

An SCSS utility toolkit designed for scalable CSS and composition

outrunner

🕶Outrunner: A Radical VS Code Theme

YouTubeSearchRankChecker

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

ringtones

🔔Ringtones: A collection of custom ringtones made by me!

shadowplay

ShadowPlay: A tiny app for designing fancy shadows and glows.

feels

❤️ Feels: Simple feels tracker

wp-gs-specs

react-stacked

🥞 An enhanced React Portal library with a managed closing system

block-animations

zest

Zest: A light-weight DOM Javascript library.

wordpress-live-preview

Live Preview - Wordpress Plugin

design-experiments

chakra-customization

playful

▶️ Playful: A simple transition library for React (and routers!)

motion-text-block

Adding motion to text-based blocks in Gutenberg

npm-fix

📦NPM Fix: A quick way to reset npm dependencies in your project

mr-jekyll

Mr. Jekyll: A starter template for Jekyll

vs-plus-plus

Enhanced version of the default VS Code Dark/Light+ themes

helpscout-reports

youtubeViewCounter

YouTube View Counter

elm

🌳 Collection of handy React Elements

shpee

🕵️‍♀️Shpee: Spying on CSS style changes

depstep

Depstep 👻: A tiny deprecation utility for Javascript

gatsby-starter-g2

A simple Gatsby starter to get up and developing quickly with G2.

sass-maphacks

An Underscore/Lodash-like utility library for Sass maps

loescore