Vector Drawing & Modeling Tools
Kid-friendly 2D vector creation with real millimeter scaling and intuitive controls
Geometric Shape Primitives
Instant creation of laser-ready basic shapes with configurable dimensions and corner controls.
- Rectangles: Width, height, and live rounded corner radius slider.
- Circles & Ellipses: Diameter and non-uniform axis scaling.
- Multi-Point Stars: Custom point count and inner radius depth.
- Polygons: Regular polygons from 3 to 12 sides.
- Lines & Straight Segments: Snapped angle lines with exact lengths.
Pen & Freehand Pencil
Flexible path creation from intuitive sketch strokes to precise bezier node curves.
- Freehand Pencil: Natural sketching with automated algorithmic curve smoothing to minimize laser nodes.
- Bézier Pen Tool: Click to plot sharp vertices, drag for smooth cubic Bézier tangent handles.
- Path Auto-Closing: Visual indicator when cursor connects back to start node to form a watertight cut path.
Typography & Custom TTF Upload
Full font styling designed specifically for physical engraving and cutting.
- Curated Fonts: Google Fonts (Montserrat, Oswald, Pacifico, Bangers, etc.) loaded on demand.
- Custom Font Upload: Drag & drop local
.ttffont files directly into the editor for instant use. - Convert Text to Path: Transforms live letters into vector outlines, preserving interior counters (like the holes in 'O', 'A', and 'B') for cutting.
- Letter Spacing & Sizing: Fine metric tracking to avoid overlapping cut strokes.
Metric Grid & Sub-Millimeter Snapping
Real-world millimeter workspace engineered to eliminate floating-point sizing errors.
- 1.0 mm Default Snap: Standard mode makes placing parts intuitive and error-free for kids.
- 0.1 mm Precision Mode: High-precision toggle for tight joinery, finger joints, and micro-alignments.
- Smart Dynamic Snapping: Guides snap to item center-points, bounding edges, and bed boundaries.
- Keyboard Micro-Nudge: Arrow keys move 1.0 mm; Alt+Arrow moves 0.1 mm; Shift+Arrow jumps 10 mm.
Constructive Boolean Operations
Combine simple geometric shapes to construct intricate custom objects.
- Unite / Union: Merges overlapping shapes into a single continuous outer cutting perimeter.
- Subtract / Difference: Punches the top shape out of the bottom shape (e.g. creating keyholes or window cutouts).
- Intersect: Keeps only the overlapping common area between shapes.
- Exclude (XOR): Hollows out the intersection while preserving non-overlapping bodies.
- Divide: Slices overlapping shapes into separate manageable vector pieces.
Contour Path Offset & Geometry Tools
Professional outline expansion and kerf compensation with clean join algorithms.
- Outward & Inward Offset: Produce parallel offset contours at exact millimeter distances.
- Corner Join Styles: Round, Miter, or Bevel corner rendering for sticker borders.
- Simplify Path: Reduces excessive Bézier nodes on scanned art for silky-smooth laser motion.
- Flip & Reverse: Instant Horizontal/Vertical mirroring and laser path direction reversal.
- Alignment & Distribution: Center to workspace, align left/right/top/bottom, and distribute spacing.
Laser & Vinyl Multi-Layer Workflow
Industrial color-coded operation layers matching laser cutter controller standards
Dedicated Operation Layers
Assign paths to distinct fabrication roles with standard color conventions.
- Through Cut Layer: Vector cutting lines rendered in sharp laser red.
- Engrave Layer: Raster filling paths rendered in solid black.
- Score / Vector Line Layer: Surface marking & crease lines rendered in electric blue.
- Custom Layers: Add and name unlimited extra layers for multi-pass jobs.
- Lock & Hide: Protect finished parts or isolate specific layers during editing.
Calibrated Machine & Material Presets
Pre-tested laser speed, power, and air-assist settings for common makerspace machines.
- Tested Machines: Ruida CO2 (50W–80W), xTool (D1, M1, P2), Glowforge, FLUX Beamo, and diode lasers.
- Stock Materials: 3mm & 4mm Birch Plywood, MDF, Acrylic, Cardboard, Paper, and Vinyl Foil.
- Role Parameters: Speed (mm/s), Min/Max Power (%), Passes, Air Assist on/off, and Line Interval (mm).
- Community Laser Profiles: Export or import shared profile files between school labs.
Direct Fabrication Exports
Seamless export to major cutting hardware without requiring expensive intermediate software.
- LightBurn (.lbrn2): Direct export with all cut layers, speeds, powers, and air assist pre-mapped to LightBurn's cut palette!
- Brother ScanNCut (.fcm): Native binary cutting file generation with 88×88 BMP thumbnails and 12×12" or 12×24" mats.
- Clean Production SVG: Millimeter-accurate SVG with no bloated tags; runs in RDWorks, Glowforge UI, and Inkscape.
- KnotenSVG JSON: Portable project bundle saving layer hierarchies, history, and canvas state.
Realistic Material & Foil Preview Engine
Interactive 3D-like simulation so students can visually verify results before firing the laser
Wood & Acrylic Simulators
Visualizes how vector lines behave when cut into physical sheets of material.
- Birch Plywood: Natural wood grain textures with realistic dark charred kerf cut edges.
- MDF Board: Warm fiberboard texture with authentic laser depth shading.
- Clear Acrylic: Realistic translucent glass effect with refraction, specular edge sheen, and shadow depth.
- Blue Acrylic: Vibrant translucent colored acrylic simulation.
- Engrave Fill Simulation: Toggle to render engraved areas with genuine laser scanline textures.
Foil Cut "Both Shapes" Side-by-Side
Visualizes both meaningful products that come out of vinyl and foil cutting jobs.
- Piece A (Cutout Stencil): The outer boundary with letters weeded out, keeping inner letter counters (like 'O', 'D', 'A') as foil via even-odd winding rules.
- Piece B (Sticker Decals): The weeded letter/shape decals rendered side-by-side on the carrier sheet with drop shadows and cut highlights.
- 4 Weeding Modes: Both Shapes (default), Cutout / Stencil, Stickers / Decals, and Uncut Sheet.
- Foil Colors: Red, Green, Blue, or any custom color via hex picker.
Fullscreen & Camera Auto-Fit
Distraction-free presentation view for group critiques and student design inspections.
- Camera Auto-Fit: Automatically zooms and centers all artwork comfortably with protective margin padding.
- Carrier Sheet Grid: Carrier backing paper with calibrated centimeter grid lines.
- Minimal UI: Streamlined modal overlay with direct access to material gear settings and quick toggles.
Teacher & Classroom Management Hub
Complete educator suite located at classes/ for seamless, account-free classroom workflows
100% GDPR-Compliant, No Student Logins
Zero friction setup designed to satisfy European school privacy regulations.
- No Accounts Needed: Students never enter an email address, password, or real full name.
- 4-Character Class Code: Teachers generate a code (e.g.
A7X9); students submit with just a first name or nickname. - Automatic 30-Day Purge: Inactive classroom workspaces and student SVGs automatically delete after 30 days to avoid long-term data liabilities.
- Salted Passphrases: Teachers protect their management dashboard with a hashed master passphrase.
Live Submission Dashboard & Revisions
Real-time incoming queue of all student submissions with automated thumbnail previews.
- Live Auto-Refresh: Submissions appear instantly on the teacher's screen as students click "Send to Teacher".
- Version History Drawer: Students can iterate and resubmit; teachers can view timestamps and restore previous revisions.
- 3-State Color Workflow: Track progress with one-click status dots: To Do (Blue), Retry / Needs Help (Orange), and Done / Cut (Green).
- 1-Click Student Project Open: Teachers can open any student's project directly into the KnotenSVG editor to fix cut lines or guide learning.
Smart Screen Projector View
Dedicated high-visibility interface built for classroom smartboards and video projectors.
- Split-Screen Layout: Live incoming student feed on the left; giant high-resolution "Hero Spotlight" on the right.
- Classroom Critiques: Click any student's card to spotlight their design for group discussions, peer feedback, and celebrating student progress.
- Large Classroom Code: Bold class code prominently displayed in the corner so students can always see where to send work.
Laser Bed Batch Nesting Engine
Solves the teacher's biggest challenge: packing 25 student projects onto a single laser sheet.
- 2D MaxRects Bin Packing: "Space-Efficient Ultra" algorithm packs whole cohesive student project units with minimal waste.
- Shelf Packing with Names: "Space-Efficient Lite" arranges projects into rows with student nicknames automatically engraved above each part!
- Custom Laser Sheet Dimensions: Enter your exact laser bed size (e.g. 600×400mm) and part spacing margin (mm).
- Multi-Sheet Pagination: Automatically paginates across Sheet 1, Sheet 2, etc. if class work exceeds one board.
- 1-Click Combined SVG: Download the entire class's work arranged on a single production SVG ready for LightBurn!
Teacher Workflow Tip
Open the Smart Screen on your classroom projector while students work. When students click "Send to Teacher", their designs pop up on the big screen! Once the class is finished, use the Laser Bed Batch Nesting Engine in your workspace to combine all 25 student designs onto one 600×400mm plywood sheet with student names pre-labeled for easy distribution after cutting.
Maker Plugins & Computer Vision AI
Specialized generators, webcam vectorizers, and library extensions built into the app
Basic Box (Parametric Finger-Joints)
Generate snap-together 3D laser-cut boxes with calculated finger tabs and slots.
- Parametric Sizing: Set width, height, depth, and material thickness (e.g. 3.0 mm birch).
- Interactive 3D Preview: Rotate, orbit, and inspect the assembled 3D box before cutting.
- 2D Flat Cut Sheet: Visualizes the flat pattern layout with all interlock finger joints.
- Fabrication Metrics: Displays minimum sheet size required, total cut perimeter (mm), and estimated laser cutting time.
Webcam Trace (OpenCV.js WebAssembly)
Capture physical hand-drawn student sketches and convert them to vector cut paths in seconds.
- Live Camera Feed: Uses laptop webcams or USB document cameras to capture paper drawings.
- Perspective Correction: Automatic 4-corner document detection and straightening.
- Real-time Computer Vision: WebAssembly-powered OpenCV.js pipeline for live thresholding and contrast optimization.
- Direct Canvas Import: Sends clean cuttable vector paths directly into the active KnotenSVG workspace.
Image Tracer v2 (Bitmap Vectorizer)
High-speed raster-to-vector engine for converting PNG, JPG, and clip art into laser paths.
- High Fidelity: High-resolution boundary tracing with noise speckle suppression.
- Adjustable Threshold: Real-time slider to capture delicate linework or bold silhouettes.
- Invert & Smoothing: Invert black/white fills and tune curve smoothing tolerance.
Silhouette Library (30,000+ Vectors)
Searchable built-in catalog of public-domain maker silhouettes and clip art.
- In-Editor Search: Search by keyword (animals, vehicles, holiday icons, symbols, shapes).
- Curated Collections: Categories tailored for student school projects and keychains.
- 1-Click Placement: Drops the vector directly onto the workspace grid at proper millimeter scale.
Material Icons Library
Extensive library of Google Material Design icons ready for door signs and labels.
- Standard Signage: Restroom signs, directional arrows, technology icons, and UI symbols.
- Clean Cut Geometries: Verified clean single-stroke and filled vector paths.
Community Project Sharing
Browse, publish, and remix projects shared by other educators and makers.
- 1-Click Publishing: Publish your project with title, description, and author attribution.
- Remix & Learn: Students can load community projects to study how complex shapes are constructed.
- Download Tracking: Community metrics showing popular classroom projects.
Accessibility, Internationalization & Reliability
Modern web standards, complete multilingual support, and offline reliability
100% Internationalization (i18n)
Complete localization engine with 100% string audit coverage.
- Supported Languages: English, Danish (Dansk), and German (Deutsch).
- Instant Switching: Change interface language on the fly without refreshing the page or losing work.
- Child-Friendly Terms: Clear, non-intimidating labels tailored for younger students.
Progressive Web App (PWA) & Offline
Installable application that runs entirely offline inside classroom networks.
- Cross-Platform: Works on school Chromebooks, Windows, macOS, Linux, and iPads.
- Offline Operation: Service Worker caches all assets; students can design even if the school internet goes down.
- Client-Side Processing: All vector geometry calculates in the client browser with zero server lag.
Undo/Redo & In-App Diagnostics
Fearless student experimentation backed by complete state recovery.
- Unlimited Undo / Redo: Step back through any mistake with standard keyboard shortcuts.
- Auto-Save Protection: Automatic session recovery saves work in local storage against accidental browser closure.
- In-App Bug Reporter: Students or teachers can report issues directly with auto-attached screenshots and diagnostic logs.