Project: UI Kit / Design System

Role: Author

URL: https://pnettto.github.io/design-system/

What is it?

Custom UI component library used across personal projects
Published to a Cloudflare R2 CDN via GitHub Actions on every push
Versioned with a bump script — "latest" always available alongside pinned versions
Showcase available at the URL above

Component showcase

Backstory

After building several personal projects and noticing I was copying the same components and styles between them, I put together a small design system to centralize that shared UI layer.

The more interesting part was the publishing workflow. Components are built and published to a Cloudflare R2 bucket (acting as a CDN at pnetto.store) via a GitHub Actions pipeline. Every push updates "latest"; versioned releases are created with a simple bump.sh script. This means any project consuming the kit can pin to a version or float on latest.

Source code: github.com/pnettto/design-system.

Technical details

Stack

Vanilla Web Components
GitHub Actions (CI/CD pipeline)
Cloudflare R2 (CDN hosting)
Bash bump script (versioning)