showoff saturday

Attention over time

7-day rolling share of analyzed posts/comments mentioning this entity · 90 daily points ending 2026-10-15

Final complete day: 2026-10-15. Attention was 0.3% — this entity appeared in 9 of 2,852 analyzed posts/comments in the seven days ending that day (10 mentions).

Each point is a seven-day rolling window of complete UTC days; a point is comparable only when at least 100 analyzed posts or comments fall inside it. A day with no analyzed records counts as zero; missing coverage is marked and never shown as zero. The series ends at the latest complete analyzed day — it never extends into the current incomplete day. How attention is measured.

Recent mentions

1. 2026-10-11 09:39 UTCPost

   [Showoff Saturday] Built a 100% client-side, zero-backend invoice generator using AstroJS & Tailwind CSS v4 - Hey r/webdev, For this week's Showoff Saturday, I wanted to share a utility micro-tool I recently completed: **Quick Free Invoice** ( # The Technical Objective: Build a zero-maintenance, zero-database utility tool hosted at $0 operational cost on Cloudflare Pages that delivers instant browser performance without server latency. # Stack & Architecture: * **Framework:** AstroJS (zero-JS by default, islands architecture for interactive engines). * **Styling:** Tailwind CSS v4 using CSS-first configuration and Geist/Vercel-inspired dark/light design tokens. * **State & Storage:** Vanilla Web APIs + `localStorage` for offline persistence across sessions. * **PDF Generation:** Client-side vector rendering with custom `@media print` style normalization. * **i18n:** Dynamic multi-language routing (`/es/`, `/pt/`, `/de/`, `/fr/`) with crawlable HTML links. I’d love any feedback on the DOM performance, responsive layout breakpoints, or print media styling!

2. 2026-10-10 16:48 UTCPost

   [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 - 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!

3. 2026-10-10 16:44 UTCPost

   [Showoff Saturday] I made 173 hand-drawn-style SVG icons that are generated deterministically from their names - I wanted icons that look drawn with a pencil but behave like a normal icon set: 24 grid, `currentColor`, tree-shakable, and identical on the server and in the browser. So none of them are drawn by hand. Each icon is a few drafting primitives (line, polyline, rect, circle, arc…) on a 24 grid, and a small engine draws them freehand: lines overshoot their ends, rect corners cross, circles sweep past 360° and drift outward so they overlap where the pen closes, and each stroke gets its own pressure. The randomness is seeded by the icon name, so every build draws the same paths. That means no hydration mismatches and no extra runtime cost; the package ships the finished paths. The hard part was small sizes: all the wobble is capped (a line bows less than a pixel at 24 px), so it reads like a regular line set at 16–24 px and the pencil look shows from \~32 px up. * Browse and copy: * How the engine works: * Code (MIT): React, plain SVG strings, a script tag, or raw .svg files. Feedback welcome, especially on missing icons and how it looks in a real UI.

4. 2026-10-10 14:01 UTCPost

   Showoff Saturday: ilove3d, 37 free tools for 3D files that run 100% client-side - hi! i'm a dev who works on 3D tooling and built 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.

5. 2026-10-10 13:17 UTCPost

   [Showoff Saturday] I moved my screen recorder's rendering out of Electron into Rust: export went from 8 to 126 fps - 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.