Discover ItsJonQ/playful Open Source project by Q (@ItsJonQ)

A tiny element creator plugin for jQuery.

105

kreate

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

hstack-vstack-css

📦 A zero config scripts library

zero

Gutenberg Theme.json Creator

gutenberg-theme-creator

Lil' B - A Bootstrap "Reset" Stylesheet

lil-b

📚 WordPress: Design Guidelines

wordpress-design-guidelines

🎛 A control panel for developing/prototyping React UI

controls

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

dotfiles

Ma dotfiles <3

Shell

styled-view

An experimental Storybook-based Gutenberg block dev environment

gutenbook

The minimal Obsidian theme.

mnm

🐱 Cypress-like testing for React + JSDOM

cyan

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

stylis-plugin-css-variables

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

dark-refined

An object-oriented Wordpress theme that utilizes the Timber plugin

timberjack

🐹 Scrolley: Extra scroll event listeners for DOM Elements!

scrolley

🐡 Resizey: Resize event listeners on DOM Elements!

resizey

⏳ A Progress Component Toolkit for React

progress-kit

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

use-moxie

⭐️SUP: Simple task tracker

sup

WordPress: Global Styles (Concept)

wp-gs

jonquach

🦄 Q: My personal site

💡 A tiny type checker for JavaScript

✨ Handy Providers for Emotion / Styled Components

styled-providers

✂️ Handy code snippets for @wordpress/components

wordpress-components-snippets

obsidian

My Obsidian workflow.

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

prestart

📦 Platform: A native-like React component library

platform

recolor

🎨 Recolor

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

dash-get

react-viewport-frame

React Viewport Frame

Reakit x Next.js: (Unsplash) Gallery previewer

gallereakit

G2 Component Development and Integration Status

g2-status

🦋 Remake: A simple generator from locally defined templates

remake

use-state-reducer

🔽 use-state-reducer

🎒 Utilities for CSS style properties

is-style-prop-valid

Reactive CSS: Super fast dynamic CSS rules!

rxs

g2-prototypes

🔳 G2 Prototypes

🔄 A collection of enhanced useState hooks for React.

use-enhanced-state

WP: Global Styles: Editor Experiments

wp-gs-editor-x

Styled atoms and components

carbon

A collection of neato design patterns

patterns

workshop-practical-css-animations

Workshop: Practical CSS Animations

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

move

♻️ A collection of React hooks

reuse

Casein: Writing Sass/CSS with Javascript

casein

Genki 🌈: CSS Unit Testing in Node

genki

A tiny JS code comment converter app

ccjs

🔲 An experimental UI study in shadows and light

shadow-light

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

next-twind-tailwind

A tiny includePath resolver for node-sass

sass-pathfinder

Curated Gutenberg block patterns

use-patterns

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

stephen.log

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

next-g2-starter

🕺React Pose animation library, for React 15

react-pose-15

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

im-sans

react-boost

🚀 Boost: Handy dependencies for a React App!

react-select

React Select Component

Modes: A modular design system for CSS

modes

protokit-starter

Prototype Starter Kit for Create React App

NoDoubles: HOW FAST CAN YOU WENT!?

nodoubles

🐇Formit: A speedy way to create HTML forms.

formit

Experimental prototype of a base Gutenberg Block

magic-box

The minimal purple Obsidian theme

taro

A collection of 90s inspired website I made for fun

90s

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

champ

An SCSS utility toolkit designed for scalable CSS and composition

composer-css

🕶Outrunner: A Radical VS Code Theme

outrunner

Live Preview - Wordpress Plugin

wordpress-live-preview

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

YouTubeSearchRankChecker

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

ringtones

shadowplay

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

Gutenberg Jump Search Prototype

gutenjump

Zest: A light-weight DOM Javascript library.

zest

❤️ Feels: Simple feels tracker

feels

🥞 An enhanced React Portal library with a managed closing system

wp-gs-specs

react-stacked

block-animations

design-experiments

chakra-customization

motion-text-block

Adding motion to text-based blocks in Gutenberg

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

npm-fix

Mr. Jekyll: A starter template for Jekyll

mr-jekyll

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

vs-plus-plus

youtubeViewCounter

YouTube View Counter

helpscout-reports

🌳 Collection of handy React Elements

elm

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

shpee

Depstep 👻: A tiny deprecation utility for Javascript

depstep

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

gatsby-starter-g2

An Underscore/Lodash-like utility library for Sass maps

sass-maphacks

loescore

LOE Score