StrataMetriq ID Card Designer

What it does

An enterprise-grade React component that automates batch A4 ID Card PDF printing natively in the browser. It gives your frontend a completely turnkey drag-and-drop dashboard, binding live database variables directly to your canvas. Say goodbye to manual Canva designs and brittle HTML-to-PDF scripts.

Equipped with multi-department tabs, live sheet matrix math (3×3 = 9 cards/page), handlebars variable binding (`{{name}}`), and CSV import across React, Vue, Angular & Vanilla JS.

Universal turnkey ID card designer, dashboard & A4 multi-page PDF cut-sheet rendering engine. Built with zero cloud exfiltration, strict memory isolation, and turnkey cross-framework compatibility. PDF rendering runs directly inside the browser using client-side canvas and vector engines. Student or employee PII never passes through external third-party servers. Automatically calculates exact sheet layouts (e.g., 3×3 = 9 cards per A4 page) with precise millimeter margins for high-speed corporate batch printing. Bind live database records seamlessly using handlebars syntax (`{{studentName}}`, `{{badgeId}}`) with instant hot-reload and front/back flip views. Whether you are an individual…from stratametriq.com

• 
  Stratametriq | ID Card Designer StudioAug 2026 · studio.stratametriq.com · ▲1

  The drop-in Canva for ID cards & credential printing

• AV
  A Visual IDE for React2022 · dev.aspect.app · ▲479

  I made this because building UIs in a lexical medium like code is super annoying. I have to pre-render what I’m making in my head, and then jump between the browser and IDE to test. I was inspired by the developer console in chrome and safari since I end up editing css there because it’s ironically more convenient. Hope it’s useful!

• 
  Supernova V62019 · supernova.io · ▲375

  Turn sketch into iOS, android, react and flutter in minutes

• 
  Superdesign Prompt LibraryJan 2026 · superdesign.dev · ▲362

  The 1st Open-source design agent that lives directly inside Cursor, Windsurf, or your favorite IDE. V0.005 is an extension with custom Paralle Claude Code agents and infinite canva UX that allows you to iterate design directly in your IDE. It can: - Generate lots of designs in Paralle (Product Mocks / UI components / Wireframes) - Fork and iterate specific designs - Deeply integrate into your IDE workflow We think design might be the killer use case for Paralle agents, and we thought the best way is to build and validate—so here we are! The V0.005 only generates static HTML pages…

• 
  Quest AI2023 · ▲299

  Convert napkin drawings into React components or Apps w/ AI

• 
  Anima 4.02020 · animaapp.com · ▲193

  Transform Sketch/Figma/XD to React code.

• 
  /dev/null▲486

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 28d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 26d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 21d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• IR
  I replaced a $120k bowling center system with $1,600 in ESP32s▲2,935

  I might be the only SRE on Earth with his own bowling center. It's a more in-depth gig than you'd think. My family and I bought an abandoned 8-lane bowling center in the rural mid-west. In our small town there weren't many recreation options for families. You've heard of a food desert? This is an R&R desert. It had been abandoned for a good reason. The roof leaks, the electrical system was constantly surging, and my 70-year-old bowling equipment (still) doesn't work perfectly. The system that keeps your score is particularly interesting to me. It's the thing you watch during your game, but…

  Life & fun · Jul 2026

• 
  Elevators▲1,680

  How elevators push your buttons

  Life & fun · Jul 2026 · john.fun

• 
  18 Words▲1,160

  Play 18 Words, the free daily word puzzle. The official home is 18words.com. Tap Play now to open today

  Life & fun · Jul 2026 · 18words.com

• BA
  Bento - An entire PowerPoint in one HTML file (edit+view+data+collab)▲1,033

  Over the past few months, our team has been building more and more slidedecks using web frontend technologies with coding harnesses like Claude Code, but a common complaint is to make even small edits we need to edit the code either manually or via the harness. To avoid this loop, I ended up creating Bento, a single HTML file with everything you need in a slide tool including animations and shared editing. There's no install or cloud login, everything works offline. The default deck is around 560 KB and it doesn't need to fetch anything once you got it. Open it in a browser and then you can…

  Dev tools · Jul 2026 · bento.page

• 
  Getting GLM 5.2 running on my slow computer▲937

  A few days ago I found myself trying out GLM 5.2 and was really positively impressed. The capabilities and security I was getting from this LLM are similar to those I've gotten from models like Claude or GPT, and this really surprised me. But then I thought, "I wonder how it would work on a normal computer like mine," and above all, "I wonder if it would work without going into OOM on a computer like mine." So I started working with the help of agents to test this possibility. I started converting the model to int4, understanding MTP usage, and if possible implementing DSA for long context.…

  AI · Jul 2026 · github.com

• 
  OpenSEO▲928

  Hello! For the last 2 months, I've been building OpenSEO. It's a user friendly UI wrapping the DataForSEO API which has high quality SEO data for keywords, backlinks, AI SEO and competitor research. Instead of paying $100+ per month, you buy DataForSEO credits and pay only for usage. The coolest thing about the project so far has been hearing about what people are building on top of it. People are using coding agents to quickly integrate with Google Search Console, Google Ads and building their own AI SEO and reporting features. Many were already building their own custom solutions around…

  Dev tools · Jul 2026 · openseo.so