Skip to content
View peterbenoit's full-sized avatar
:octocat:
:octocat:
32 followers · 49 following

Achievements

Achievement: Pair ExtraordinaireAchievement: Pull Sharkx3Achievement: YOLOAchievement: QuickdrawAchievement: Arctic Code Vault Contributor

Achievements

Achievement: Pair ExtraordinaireAchievement: Pull Sharkx3Achievement: YOLOAchievement: QuickdrawAchievement: Arctic Code Vault Contributor

Block or report peterbenoit

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
peterbenoit/README.md

Peter Benoit

UI developer and federal design systems engineer in Florida. I build accessible, high-performance interfaces for federal health infrastructure, and maintain open-source front-end tooling on the side. More at peterbenoit.com.

Right now

Working on the VA MVP Platform at Peraton, modernizing veteran-facing digital services at the U.S. Department of Veterans Affairs. React, Next.js, TypeScript, USWDS, VA Design System, Storybook. 9M+ veterans depend on this infrastructure.

Before VA: 16 years at CDC, maintaining the design system and component library that powered every page on CDC.gov, including the COVID response at scale.

I go where the infrastructure needs building.

Federal track record
Years in federal front-end 20+
Federal agencies CDC, VA
CDC sites on the template system ~1,000
Americans reached during COVID 330M
Veterans on the current platform 9M+
W³ Awards (2024) Gold + Silver
Section 508 compliance always

Open source

Some of the things I've built because I needed them. All maintained, all documented.

Project What it does
tailwindcss-hue-theme OKLCH-powered Tailwind plugin. One CSS variable shifts your entire color palette.
ResourceLoader.js Async script/style loader with dependency management and caching
StorageManager.js Web Storage wrapper with compression, TTL, and namespacing
RepoWidget Drop-in GitHub repo cards. No backend, no API key.
ImageProcessor Browser-based image resizing, cropping, and format conversion
EmbedManager Lazy-loads YouTube, CodePen, and Maps embeds with consent fallbacks
tailwindcss-visibility Content-visibility utilities for Tailwind
reQuery Reactive state and DOM binding. No build step.

Writing

CSS features that deserve more attention, and occasional notes from the trail.

Outside of work

Hiking trails in the Ocala National Forest with a Lumix FZ80D and my dog Bowie.

peterbenoit.com · LinkedIn · CodePen · npm · VS Code Marketplace

Pinned Loading

  1. ImageProcessor ImageProcessor Public

    A lightweight JavaScript library for advanced image processing in the browser. Supports a variety of filters, transformations, and watermarks.

    JavaScript 1

  2. ColorPaletteGenerator ColorPaletteGenerator Public

    Generate beautiful color palettes from images with ease. Perfect for designers, developers, and creatives looking for unique color inspiration.

    Vue

  3. ResourceLoader.js ResourceLoader.js Public

    ResourceLoader is a flexible JavaScript library that allows for dynamic loading of resources like JavaScript, CSS, images, JSON, and other file types. It supports features like error handling, retr…

    JavaScript 7

  4. RepoWidget RepoWidget Public

    A lightweight, customizable widget to showcase your GitHub repositories on any website. Features responsive design, caching, and beautiful repository cards with rich metadata.

    JavaScript 3

  5. GetViewport GetViewport Public

    GetViewport is a lightweight JavaScript utility for responsive breakpoint detection. It dynamically injects CSS breakpoints and allows JavaScript to check the current viewport size directly. This s…

    JavaScript

  6. SaveAsExtension SaveAsExtension Public

    This Chrome extension adds multiple image format options to the browser's context menu. It allows you to save images as PNG, JPG, WEBP, and AVIF (when supported by your browser).

    HTML 1 2