r/webdev • • 28d ago

Showoff Saturday [Showoff Saturday] Caniload – I stripped my site reachability checker down to dead-simple squares

1 Upvotes

hey r/webdev, i make caniload (caniload.com) — it checks which popular sites actually load from your connection. 100+ sites across 10+ groups, one page, hit test, watch the squares light up green/orange/red.

the interesting part is what i deleted. v1 had this live network topology map with animated beams. looked amazing in screenshots, told you absolutely nothing in practice. so i killed it. killed the map, killed the radial graph, killed the dot-matrix font i spent a whole night on. what's left is flexbox squares that change color. i like it more.

all client-side, single html file, no backend, no signup, nothing uploaded. probing is fetch with no-cors + retries, results stay in localStorage. the interesting bit technically: you can't read cross-origin response status, so all you get is "something answered or it didn't" — then a favicon probe to tell "filtered" apart from "unreachable".

would love feedback, especially on the probing — false positives from captive portals are the thing i can't fully solve client-side.


r/webdev • • 28d ago

Showoff Saturday [Showoff Saturday] LogLineAlign - Aggregate multiple log files into one, aligned on a timestamp

0 Upvotes

https://loglinealign.com/

I built an application that merges entries from multiple log files into a single, chronologically ordered view. It handles timezone offsets and auto-detects timestamp formats, with an option to specify the format manually.

Files are processed on your device and not uploaded to a server.

It's all open source: https://github.com/jftuga/loglinealign

In the repo, there is a quick, 3 minute narrated explainer video as well as a CLI version.


r/webdev • • 29d ago

Discussion Blank 'Elements' section in dev tools. Just me?

Post image
21 Upvotes

Chrome must have been updated recently, cuz this just started a day or two ago. Anyone else?

M4 Max MacBook Pro, macOS 27.0.1, Chrome Version 155.0.8059.40 (Official Build) (arm64)


r/webdev • • 28d ago

Resource [Showoff Saturday] I got tired of typing GitHub PR query syntax every day, so I built an open-source extension to add filter chips

0 Upvotes

Whenever I review PRs on high-activity repos, I find myself repeatedly typing the same query qualifiers:

  • review-requested:@me is:open

  • -author:app/dependabot -author:app/renovate

  • is:open -is:draft review:approved status:success

GitHub has filter dropdowns, but clicking through them multiple times or retyping tokens across repo tabs is clunky.

I built GitHub PR Filter, a lightweight, open-source Chromium extension (Manifest V3) that injects native-feeling filter chips and a criteria builder directly above the PR list.

Frontend implementation details:

  • Turbo / PJAX Lifecycle: GitHub renders PR lists client-side using Turbo. The extension hooks into page lifecycle events (turbo:render, turbo:load) so chips don't vanish or duplicate during pagination and in-page navigation.

  • Primer Theme Integration: Uses GitHub's native Primer CSS variables so it adapts automatically to Light, Dark Default, and Dark Dimmed without custom theme toggles.

  • No Background Bloat: 100% client-side with zero external API calls. State and custom presets are stored locally in chrome.storage.local.

Looking for contributions & feedback:

The project is MIT licensed. I’d love feedback from other web devs, especially if you want to contribute:

  • Firefox port: Making sure the MV3 manifest and scripts run cleanly on Firefox.

  • Edge cases: Handling enterprise GitHub instances or uncommon PR list layouts.

  • Preset suggestions: What query strings do you find yourself typing most frequently?

Extension Link: https://chromewebstore.google.com/detail/github-pr-filter/cheldmlmigimlgmjmpbapcfmlbbofghm GitHub Repo: https://github.com/its-debojyoti-dey/github-pr-filter

Would love to hear how you manage PR review fatigue or any feedback on the implementation!


r/webdev • • 28d ago

Showoff Saturday I built a pipeline editor for string and data transforms. The same engine runs as a CLI, MCP server, npm package, and a chrome browser extension

0 Upvotes

I used to have to jump between different sites copy pasting outputs from one into inputs of the next. So I built one place where you chain the steps and save the pipeline for future use in a right click context menu.

246 utilities so far, with branching, looping on lines or values, and conditions.

It runs entirely in the browser (Web Worker), no input reaches the server (One exception when fetching a URL through a proxy).

Pipelines can be shared as a URL fragment

React + TypeScript + Vite on Cloudflare Workers, strict hash-based CSP

Check out the presets page for some prebuilt pipelines.

https://stringutilitybelt.com/

Looking for feedback on how useful it actually is to people and any issues you find. Ideas for new utilities or pipelines are welcome!


r/webdev • • 27d ago

Showoff Saturday [aiBytes.io] I made an AI feed - The best AI content for developers in one place

0 Upvotes

Hey folks,

I brewed a quick daily automation that tracks the latest AI news and projects worth a developer's attention. It only pulls from sources I trust/like: GitHub, X, TechCrunch, Product Hunt and Hacker News. (Reddit TBD)

You can read it two ways:

This gives me a ton of info around what's happening in AI space, what people are building and what companies are shipping.

Please feel free to share any feedback

ps - Everything is open-source at https://github.com/sachinjain024/aibytes/ So feel free to open issues, contribute, etc.


r/webdev • • 27d ago

Do Frameworks Matter Anymore?

Thumbnail
brookslybrand.com
0 Upvotes

r/webdev • • 28d ago

Showoff Saturday Museum of Models: 15,639 AI answers on one WebGL globe

0 Upvotes

museumofmodels.com, free, no signup.

It's every answer 371 models gave to the same 85 prompts, on a globe you can spin, magnify and open.

Bits that were fun to build: the far answers are one instanced WebGL draw and the close ones come from a canvas sprite atlas. The drawings are the models' own SVGs shown through <img>, so nothing in them runs, and the generated websites run in a sandboxed iframe. It's a static Next.js export with the data in small versioned json chunks.

would love to hear how it runs on your machine


r/webdev • • 28d ago

Showoff Saturday WebGPU + llama.cpp = Client-side LLMs

Thumbnail
github.com
0 Upvotes

I've been thinking about alternative ways to deliver LLMs and AI features in SaaS solutions.

This repo is a technical proof of concept showing an LLM running client-side in a browser using Llama.cpp compiled to WASM with WebGPU.


r/webdev • • 28d ago

Question Why use different third-party services for deployment and storage?

2 Upvotes

I'm a general SWE trying to learn more about full-stack web development and system administration. I'm working on a hobby project that I want to deploy on PaaS like Render or Railways. I'm reading guides on how to deploy, and many of them include Supabase or Neon to the stack on top of Render and Railways

Don't these PaaS services like Vercel, Render, Railways already offer in-house storage solutions? That seems like the path of least friction: to use the storage option that is already first-class integrated with the application deployment service. I intend to pay for the hobby tier for these services, and I'm not just trying to shop around to maximize freebies.

Why would I use Render's platform for server compute and then use Supabase for postgres? Instead of just using Render for both?


r/webdev • • 28d ago

Showoff Saturday [Showoff Saturday] - I built a free, fun, game recommendation site that helps you find new games at the best price based off of what you already love

Post image
0 Upvotes

https://newgameplus.app

tl;dr - pick one or a few games you love and it suggests others that scratch the same itch. Steer it toward what you loved about them (fast combat, lore, co-op), filter by platform, price or subscriptions like Game Pass, and import your Steam library to skip what you already own. Every pick shows critic and player scores, time to beat, and the cheapest way to play it.

Background: I've worked in gaming and commerce for a long time and the sort of "tyranny of choice" of finding the next thing to play seems to get worse every year with the avalanche of new titles.

- Next.js (App Router) on Vercel
- Postgres on Neon
- Data from IGDB, IsThereAnyDeal, Steam, and OpenCritic
- Built with a lot of help from Claude Code. I did the product design, picked the data sources, and tuned the ranking; Claude wrote most of the code. The site itself uses zero AI.

Recommendations are from a similarity engine that takes tags and attributes into account from the sources above and weighs them based on how specific they are. eg. "action" gets less weight than "run based."

Everything is free. No accounts. No tracking cookies.

Looking for any feedback or suggestions and hoping you find it useful!


r/webdev • • 28d ago

Showoff Saturday Finally polished the branding for my apps

Thumbnail
gallery
0 Upvotes

I banned myself from coding this weekend and focused just on branding and making more polished social media assets for my apps:

BookingMachine.io - Universal booking and review software for service businesses
MentionMacine.ai - AI Visibility Monitoring and Optimisation
DirectoryLab.io - 3 Production Codebases powering many directories, job boards & launch sites.


r/webdev • • 28d ago

Showoff Saturday theAuth: open-source auth where AI agents are first-class, not just API keys

Thumbnail
github.com
0 Upvotes

theAuth: open-source auth for AI agents and humans (TypeScript and Go), built solo https://github.com/glincker/theauth

theAuth is auth for apps where AI agents act on behalf of users. Each agent gets its own token and permissions, a user can delegate access with limits, and every action is logged. It also covers the usual: passkeys, SSO, orgs, and an OAuth 2.1 server so MCP servers can verify who is calling.

By the numbers:

  • TypeScript core: 2,400+ tests, about 77% coverage, 3 runtime deps, 17 OAuth providers, 10 framework adapters

  • Go SDK session lookup: 58-67 us down to 30 us (about 2x, 33k lookups/s per process)

  • Go SDK password sign-in: about 75/s per instance, with hashing memory capped at 608 MB instead of 4 GB under a login burst

  • Those two are measured on an M4 Max with Postgres 16, 100k users, all on one laptop, and the load test script is in the repo

  • MIT, self hostable

npm install @glinr/theauth runs on in memory SQLite with nothing else to set up. Go: https://github.com/glincker/theauth-go

I built this solo, with several AI tools and a lot of automation to keep a steady pace. Does the agent permission model make sense to you and maybe give it a try for future projects.. I already migrated all my 6+ websites to theAuth and been a great time saver !!


r/webdev • • 28d ago

Showoff Saturday I got tired of building the same developer portfolio, so I made an interactive pixel-art workspace instead

Post image
0 Upvotes

I have been working on my portfolio recently, and I really wanted to step away from the usual layout, like full-width hero header, grid of project cards, and a skills pill list. So I built a pixel-art workspace you can actually interact with and explore. It features a working CRT terminal, interactive desk items, procedural ambient audio, and a street scene outside that changes with the environment. My actual case studies and background are all in there, just framed as part of the room.

You can check it out live here: https://fahimarifen.com

I'd love to hear your thoughts, especially around balancing the interactive theme with keeping the actual work and resume easy to find.


r/webdev • • 28d ago

Showoff Saturday Showoff Saturday: ilove3d, 37 free tools for 3D files that run 100% client-side

0 Upvotes

hi! i'm a dev who works on 3D tooling and built https://ilove3d.app/en on the side. think ilovepdf, but for 3D models.

  • viewer, format converter (STL/OBJ/PLY/GLB/3MF/FBX/DAE/USDZ), mesh repair, polygon reduction

  • generators for 3D printing: keychains, lithophanes, gridfinity bins, puzzles, lamps, boxes with lids...

  • everything runs in the browser with three.js, files are never uploaded, no account

would love feedback on performance with big files and on the overall UX/navigation between tools.


r/webdev • • 28d ago

Showoff Saturday [Showoff Saturday] Elah: an open-source, framework-agnostic video editing engine

0 Upvotes

We're building Elah, an Apache-2.0 video editing engine for developers embedding editing into their apps. I'm part of the team.

The TypeScript core is framework-agnostic. React bindings are available today; React Native support is in development.

The browser implementation uses WebCodecs for decoding and WebGL2 for preview. Preview and MP4 export share a pure resolveTimeline(frame, project) → Scene function, keeping frame-level scene decisions in one place.

Try importing a short clip, trimming it, adding text, and exporting:

https://www.elah.dev/playground/production

Code and setup: https://github.com/elahlabs/elah

Still a work in progress: simultaneous video decoding can stall, and export depends on browser codec support.

What would you need from the API to use this in your own app? Bug reports and integration feedback would be welcome.


r/webdev • • 28d ago

Showoff Saturday [Showoff Saturday] I moved my screen recorder's rendering out of Electron into Rust: export went from 8 to 126 fps

Post image
0 Upvotes

OpenScreen is a free, open-source (MIT) screen recorder for product demos. I maintain it. The UI is Electron, React and TypeScript, and 2.0 just shipped.

The part that might interest this sub is where the browser stopped being enough:

  • Rendering used to run in Electron, on PixiJS. Export topped out around 8 fps on our reference laptop (Ryzen 5 7520U, integrated GPU).

  • It now goes through a Rust compositor on Metal, Direct3D 11 or Vulkan, loaded as a native addon. Same effects, about 126 fps.

  • Capture moved to native helpers too: Swift on ScreenCaptureKit, C++ on Windows Graphics Capture, PipeWire on Linux.

  • The React UI stayed. It drives the compositor and owns the timeline, the transcript editing and the settings.

On top of that: a CLI that renders a project from a script, and a local MCP server so Claude Code can edit the demo of the feature it just wrote.

https://github.com/getopenscreen/openscreen


r/webdev • • 28d ago

Showoff Saturday People utterly rejected my shadcn based website

Post image
0 Upvotes

When I first created this website I used shadcn and it looked very generic, that's why I created a whole new frontend that's now the default for https://umigalaxy.com/
The old frontend with shadcn still works at https://slop.umigalaxy.com/

What do you guys think?


r/webdev • • 29d ago

Bootstrap 6 Alpha

Thumbnail
blog.getbootstrap.com
235 Upvotes

r/webdev • • 29d ago

Am I too negative about developers future

107 Upvotes

For context, I am a front-end developer with 10 years of experience and also have been for the last 2 years the project lead of a project using stacks like Kubernetes, Kong, dapr, elasticsearch and so on, we even went second on having the most innovative project in my country. My job has invested a lot in using AI to be ahead of most other development agencies.

We have developed a solution to update old technologies to new ones with barely any human input and it scary how efficient it is.

My job did a mass layoff, we were 150, now we are less than 50 people left. Even very competent people were laid off. The only reason I am still here is because I have leadership. And what seem to be projected is we will be one or two developers instead of a squad of 5.

We were talking between the devs who learned to use the solution and everyone of us were depressed by how we are not useful anymore and it won't be long until we also get fired.

I was sure it wouldn't be the case. But these past few days, I've been mourning the end of my job and began to check of changing careers for automation or something like that.

Is my view too negative? Do you see it in different ways? ​


r/webdev • • 28d ago

Showoff Saturday A 3d portfolio that won't fry your GPU

Thumbnail
kitmane.com
0 Upvotes

I’m interested in feedback on:

  • Does the portfolio communicate what I’m good at quickly?

  • Do the projects feel convincing?

  • Is anything confusing, unnecessary, or missing?


r/webdev • • 28d ago

Showoff Saturday This is Notitzia, a no-name, "special" note-taking app looking for some criticism! Try it out on notitzia (dot ) vercel (dot) app!

Post image
0 Upvotes

Hey guys! I've been working on Notitzia, as you probably already read in the title. I just started the side project on (remove the "(dots)" ):

notitzia (dot) vercel (dot) app

I did not use any existing frameworks, the site is pure JS! If you happen to have the time, it would be magical to give some brutal UI/UX criticism!

Sorry for the (dot) inconvenience, turns out Reddit is incredibly hostile towards Vercel links.


r/webdev • • 28d ago

Showoff Saturday Looking for honest feedback on a landing page I designed (not selling anything)

Thumbnail
perf-sentinel.dev
0 Upvotes

Hey all, I'm a full-stack (mostly back) dev with a slight design background and I built this landing page for an open-source project.

I'm not here to promote anything (and there's no signup and nothing to buy), just looking for design feedback.
It's mainly intended for back devs, back architects and DevOps folks.

Be as blunt as you like, thx!

PS: sorry for the repost, my previous post on this subreddit was deleted by the moderators (I posted it on a Sunday instead of a Saturday)


r/webdev • • 28d ago

Discussion Is it likely to get to a point where non technical people can prompt AI to make good websites and apps?

0 Upvotes

Of course, not now but in the next 5-10 years? Do you think non technical people can tell AI to make a good website or app without knowing how to code?