Some of my favorite open sourced projects (sourced from my starred repositories on GitHub).
A better `npm publish`
API Sketch for Intersection Observers
🍭 Gatsby plugin for using Figma documents as a data source.
📦⚡️ npm package building, reimagined. https://www.pikapkg.com/blog/introducing-pika-pack/
Grab recent bookmarks from Pinboard for use within Gatsby.
A minimal Wordpress theme for sharing project updates with clients.
Thumbprint is the design system at Thumbtack.
Global DOM element activation
Netlify menubar app to receive build information or trigger new builds
GitHub's Web Component collection.
Copy element text content or input values to the clipboard.
🚀 Jetpack – Webpack made more convenient.
💅💍 Better media queries for styled-component
:bulb: document everything
Hyperscript Tagged Markup: JSX alternative using standard tagged templates, with compiler support.
A yeoman generator for my open source modules
Your own free URL shortener with Netlify
Marquees for the new millenium
The modular design system for modern, responsive email development.
Naive linter for English prose
NES-style CSS Framework | ファミコン風CSSフレームワーク
markdown parser under @unifiedjs that’s different
An OPML file containing over 600 feeds for web developers
Primer React components
A curated list of awesome actions to use on GitHub
Emoji for everyone. https://twemoji.twitter.com/
A React-based UI toolkit for the web
A React design system starter kit built from the Ether System libraries
A build system for creating cross-platform styles.
💌 styled-components for emails
CSS for making regular HTML look like plain-text markdown.
Automatically generate docs for React components using MDX, react-docgen, and GatsbyJS
⚡CLI for easily creating reusable react libraries.
Create consistent styled-system based React UI components
Feed reader for macOS.
Drafts your next release notes as pull requests are merged into master.
Easily add reveal on scroll animations to your React app
:memo: Document and develop React components with MDX and Next.js
💅 Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components
:spades: MDX-based presentation decks
Gatsby+MDX • Transformers, CMS UI Extensions, and Ecosystem Components for ambitious projects
A modal dialog that's opened with a <details> button.
A menu opened with a <details> button.
CLI app helper
Browser-based MDX editor
Simple setup for websites built in React with styled-components, styled-system, and x0.
Priceline.com Design System
➖ high level way to create menubar desktop applications with electron
Theo is a an abstraction for transforming and formatting Design Tokens
A simple React component for wrapping children based on a condition
🌄 A lightbox component for displaying images
Free variable writing fonts from iA
Tools for developing, documenting, and testing React component libraries
🗜Responsive clamping component for React
Convert your links into beautiful previews
Obsessive cheat sheet to favicon sizes/types. Please contribute! (Note: this may be in flux as I learn new things about favicon best practices.)
Convert SVG icons into React components
The package of IBM’s typeface, IBM Plex.
An Atom dark theme inspired by Framer’s popular code editor.
The ProseMirror WYSIWYM editor
📝 Minimalistic Vue-powered static site generator
Remove indentation from ES6 template strings
A component for rendering React components with editable source and live preview
A production-focused playground for live editing React components
JSX in Markdown for ambitious projects
Get props from a jsx string
Document & develop React components without breaking a sweat
A mini-site dedicated to sharing tasteful wintry tunes.
A specification for functional UI components
An HTML pre-processor for web typography
Prototyping setup: React + Glamorous + Styled-system
Simple, powerful online communities.
🎒 Backpack is a minimalistic build system for Node.js projects.
:sparkles: Responsive, theme-based style props for building design systems with React
💅🏻 ⚒ A collection of awesome design systems
A playbook for running Design Systems office hours or attending them as a Design System representative. Use this as a template for making your own company Design Systems office hours playbook!
An accessibility checker tool for validating the color contrast based on WCAG 2.0 standard.
🏭 The most lightweight, customizable React markdown component.
NPM packages for Open Source typefaces
Hjson, a user interface for JSON
Custom Jest matcher for aXe for testing accessibility ♿️🃏
Quickly generate Sketch libraries from HTML documents and living style guides, powered by html-sketchapp
A scratchpad with node & browser apis.
Minimal is a Jekyll theme for GitHub Pages
Fast and Simple Email Client
Simple read-only comand-line interface to your Things 3 database
React Photo Gallery
Hide your header until you need it
inline markdown for react/jsx
Design systems are all about clearly giving identity to observed patterns.
A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.
📦 A demo of how to build a consumable js library
An elegant way to show users that something is happening and also prepare them to which contents he is waiting
Create flexible layout and composite UI components without the need to define arbitrary custom props
Build blazing fast, modern apps and websites with React