Vibe Codes

DXFER

Easy CAD and DXF tool for desktop or mobile with great UI!

$20.00

App kit · The files to make your own copy · made by DanVelasko

No reviews yet · 0 comments

Solid
How developed it is, graded against a fixed rubric — hover or tap the stars to see how.
Built with ~10 AI hours · 15 sessions · Claude Code (measured)
Get it · $20.00 See it running Ask DanVelasko to build yours

Pay once, keep it forever. Card payment through Stripe.

What it does

DXF:R is a 2D drawing board for people who cut things out of sheet material — cabinet and millwork shops, sign makers, laser and router owners, model makers.

The difference is that it does not lie about dimensions. You type the size you want — 1 1/2", 18.5mm, 3'6" — and that is the size you get, all the way out to the DXF. Fractions, feet and inches, decimals and millimetres all work, and switching between imperial and metric never drifts, because every coordinate is stored in millimetres and units are only ever a display layer.

It exports DXF R12, the version every CAM, laser and CNC package reads. Arcs stay real arcs, and a corner radius you type becomes a true fillet arc rather than a chain of tiny straight lines. Layer colours map to DXF colour indexes, so your CAM software can map a layer to a tool.

There is also a whiteboard: freehand pen, highlighter and rubber laid over the drawing for notes to whoever is at the machine. Marks are stored separately from the geometry and can never end up in the DXF — the test suite proves the exported file is byte-identical with and without them.

What you get: the complete source in four parts — the interface, the geometry kernel and DXF writer, 29 test suites with 1066 passing assertions, a 1100-line manual, a long technical handoff, a guide to adapting it, and screenshots. It is plain JavaScript: no framework, no build tooling, no dependencies at runtime.

What you must set up: nothing. Unzip it and double-click drawing-board.html. It runs offline, with no server, no account and no network access of any kind. Node 18+ is needed only if you want to run the tests or use the included static host.

What is not included: it does not post to a CNC machine — it hands you a DXF and your CAM package does that. There is no print or PDF output, no cloud, no collaboration, no accounts. It is a drawing board that tells the truth about dimensions.

What you get

The screensEverything you see and tap: pages, buttons, layouts, styling.
The engineWhat makes it work behind the scenes: data, accounts, payments, servers.
InstructionsStep-by-step setup and a guide to changing it into your own.
Pictures & logoScreenshots, logo files, colours and fonts.

Use and change it in your own and your clients' projects. Don't resell or share the kit itself — every copy is stamped with an id traceable to its purchase.

Straight talk

What the maker's AI found when it looked at the app, after running it. Vibe Codes checks this against the package.

90% complete

This is a finished, working tool rather than a demo, and it is unusually easy to audit: three readable JavaScript files, no runtime dependencies, no network calls and no credentials anywhere. I ran the full suite in the packaged layout (1066 assertions, 0 failures), opened the built single file in a real browser, drew a part using every shape type, exported a valid DXF R12, and confirmed the whiteboard marks leave the exported file byte-identical. The documentation is better than most commercial code I have read. What a buyer should be clear about before paying is the scope: it draws and expor

WorksTyped dimensions in fractions, feet and inches, decimals and millimetres, with no drift when switching units · Line, polyline, three-point arc, rectangle, circle, slot, regular polygon, text, dimension and measure tools · DXF R12 export with real ARC and CIRCLE entities and true fillet arcs for corner radii · SVG and PNG export · Save and open as JSON, plus autosave to localStorage · Select, move, duplicate, handle-reshape and rubber-band selection · The click ladder: one click the whole shape, two a side, three the stretch between crossings · Transform (scale, rotate, mirror), pattern (radial, row, column), points (add, remove, curve a side) · Eraser by line segment, by shape, or by dragged area · The whiteboard: freehand pen, highlighter and rubber, with marks excluded from every export · Layers with DXF colour indexes so CAM can map layer to tool · Grid, object snapping, Shift constraints, and a second finger as Shift on touch · Undo and redo across 200 steps, covering whiteboard marks · Light and dark themes · Touch and large-panel use, verified with dispatched pointer events
Not testedSafari and Firefox — nothing used is Chromium-specific, but neither was opened during packaging · The second-screen affordance · The exact bytes of SVG and PNG export (the code paths run; the output is not asserted by a test) · Behaviour with very large drawings, in the tens of thousands of shapes
Needs these servicesNone — the app contacts no external service and has no API keys, no analytics and no network calls at all · Node 18+ (free) only if you want to run the test suite or the optional static host · Python 3 (free) only if you want to rebuild the single file after editing the split sources
CollectsNone. Drawings are kept in the browser's own localStorage and never leave the machine. There is no sign-in, no account, no cookie, no analytics and no telemetry.
Good to knowAn exception thrown while painting would leave the canvas dimmed until reload, because the save/restore around the whiteboard's dimming pass is not in a try/finally. Not reachable with any shape the app itself creates; documented in the handoff as a one-line fix. · Autosave is localStorage only — clearing site data loses the working drawing. Save to a file for anything that matters. · Two tabs of the same browser share one autosave slot and will overwrite each other's restored drawing. · It does not drive a machine. If you expected a CNC post processor, this is not it — it exports DXF and your CAM package takes over. · No print or PDF output, no true ellipse, and no fillet between arbitrary curves. · Being a static page with no auth, anyone you give the URL to can use it. That is a hosting decision, not a code one.

Reviews

No reviews yet. Used it? Be the first.

Peer reviewed: only people who bought, downloaded or opened it through Vibe Codes can score it, part by part — the stars are the average of the parts. Anyone signed in can comment below.

Sign in to review

Tech specs

· for developers, and for when you are ready
Built with
Node.js, No backend, Single file
License
LicenseRef-VibeCodes-NoResale
Includes
The screens · The engine · Instructions · Pictures & logo
Live at
https://dxfer.up.railway.app ↗
Listed
Last reachable

Development score: 3.5 of 5 (7/10 on the rubric) — Solid

Sustained, iterative work over seven weeks with a large test suite that boots the real application and covers the geometry kernel, every tool, touch gestures and the export guarantees, plus unusually complete documentation. It is held back from higher by having had essentially one user — the author's own shop — rather than months of strangers in production.

Setup guide

🔒 Step-by-step setup unlocks when you buy the kit.

Full handoff document · 27k characters

🔒 The complete technical write-up — how it's built and how to run, change and deploy it — unlocks when you buy the kit. What's inside:

  1. 1. Overview
  2. 2. Feature inventory
  3. Drawing tools
  4. Editing
  5. The whiteboard
  6. Input and precision
  7. Export and files
  8. Platform
  9. 3. Architecture
  10. 4. Data model
  11. Shape records
  12. Mark records
  13. 5. Auth and permissions
  14. 6. Payments and money
  15. 7. External services
  16. 8. Environment variables
  17. 9. Setup from zero
  18. 10. Deploying
  19. 11. Testing
  20. 12. Known bugs and limitations
  21. 13. Security review
  22. 14. Performance and scale
  23. 15. Code map
  24. 16. Decisions and trade-offs
  25. 17. How to make it yours
  26. 18. Roadmap
  27. 19. Changelog
  28. 20. Assistant's notes

Package contents

The screens
ui/ — The whole interface: markup, every style in light and dark as CSS custom properties, and the 6000-line main script that owns the document, the view, all fifteen tools, precise typed input and the canvas rendering.
Instructions
docs/ — An 1100-line manual written for whoever is using the app, a twenty-section technical handoff covering architecture, data model, security review, known bugs and decisions, and a guide to the first ten things you will want to change.
Pictures & logo
assets/ — A 1024px app icon and five screenshots of the board, the whiteboard, the dark theme and the full interface.
The engine
backend/ — The geometry kernel (units and number parsing, shape maths, bulge-to-arc conversion, snapping, the planar-region pass), the DXF R12 and SVG writers, a dependency-free static host, the build script, and 29 test suites that boot the real app in jsdom.

All tags

This page as Markdown · for assistants and agents, start at /llms.txt

Comments

Sign in to comment

No comments yet.

List your app