Peter Benoit
UI Developer & Design Systems Engineer
Portfolio
Check out my personal website & portfolio
Websites
Brick City Creative Coming Soon
Creative development agency
Florida's Scenic Byways
Interactive map of Florida's most beautiful drives
April's Art
April Hughes is a versatile artist based in Winter Springs, Florida
Becca's Books
A collection of books curated by Becca
USPK
Explore the features of the USPK prototype
Wordleish
Play the classic word game online with new game modes
Tetrish
Play the classic Tetris game online
Image Color Palette Generator
Generate beautiful color palettes from images with ease, either from Unsplash or upload your own.
Projects
RepoWidget
Show off your GitHub projects with style
Utility Helpers
A comprehensive collection of utility functions designed to simplify common tasks in JavaScript development.
reQuery
reQuery is a jQuery 4 plugin that adds reactive state and declarative DOM binding to jQuery-based projects.
ImageProcessor
A lightweight JavaScript library for advanced image processing in the browser
StorageManager.js
A lightweight JavaScript library to manage localStorage or sessionStorage
GetViewport
A lightweight JavaScript library to get the viewport size
SaltyKeys
A simple JavaScript library for obfuscating non-sensitive API keys
URL Shortener
Lightweight JS library for fast and reliable URL shortening and sharing
Route Hub
Plan your journey with ease. Add your waypoints, sort them, and launch your route in Google Maps.
Resource Loader
A lightweight JavaScript library for loading and managing external resources like scripts, styles, and images.
Bookmarkletr
Create bookmarklets to quickly access your favorite web tools and resources with a single click.
NPM Packages
tailwindcss-visibility
A lightweight Tailwind CSS plugin that adds utilities for managing content visibility and improved rendering performance
repowidget
A professional GitHub repository display widget for showcasing repositories on any website
web-storage-manager-js
Feature-rich localStorage/sessionStorage wrapper with expiration, compression, batch operations, and cross-tab event listeners
resourceloader-js
A flexible JavaScript library for dynamic resource loading
@peterbenoit/get-viewport
A lightweight JavaScript utility for responsive breakpoint detection
@peterbenoit/utility-helpers
A comprehensive collection of JavaScript utility functions for image processing, array manipulation, string operations, and more
@peterbenoit/mathsjs
Lightweight JavaScript math utilities for statistics and common numeric helpers
embed-manager
Embed YouTube, Vimeo, Twitch, and websites with lazy loading capabilities
tailwind-hue-theme
Tailwind CSS v4 plugin for dynamic OKLCH hue theming with an optional HuePicker widget
GitHub
Dotfiles
My development environment config files
Save As Extension
Chrome extension for saving Images in multiple formats
Page Download Extension
Chrome extension for downloading web pages
Icon Generator
Automatically generate custom icons for your website
Project Chimera
AI-powered Chrome extension for summarizing web pages using OpenAI API.
Published Chrome Extensions
Save Image As...
Extension for saving images in multiple formats
Published VSCode Extensions
Explain This Project
Extension for explaining what a project is and how to use it.