Peter Benoit
UI Developer & Design Systems Engineer
Portfolio
Check out my personal website & portfolio
Websites
Brick City Creative Coming Soon
Creative development agency
Straypath
Find Parks and Trails near you
Florida's Scenic Byways
Interactive map of Florida's most beautiful drives
Project Showcase
Browse my featured projects
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
Projects
TailwindCSS npm Plugin
content-visibility utility for TailwindCSS
RepoWidget
Show off your GitHub projects with style
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 Planner
Plan your journey with ease. Add up to 10 waypoints, sort them, and launch your route in Google Maps.
NPM Packages
tailwindcss-visibility
A lightweight Tailwind CSS plugin that adds utilities for managing content visibility and improved rendering performance
RepoWidget
A lightweight, customizable widget to showcase GitHub repositories on any website
StorageManager.js
Feature-rich localStorage/sessionStorage wrapper with expiration, compression, batch operations, and cross-tab event listeners
GitHub Repositories
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
CodePen Demos
iPhone UI Mockup
Explore an interactive and sleek iPhone UI design
Fancy Events Dashboard
Explore an interactive and visually appealing event dashboard UI
Github User Search
Search and explore GitHub profiles
Netflix Demo
Interactive demo showcasing Netflix design and style
GradientMaker
Interactive tool for creating beautiful gradients
Simple Word and Letter Counter
Supports words with accents, diacritics, and non-English characters
Chrome Extensions
Save Image As...
Extension for saving images in multiple formats