This simulator helps you design and visualize Krokbragd weaving patterns digitally before committing to
the loom.
Quick Start:
Set Pattern Size: Use the width × height inputs in the toolbar to set your pattern
dimensions (5-100 cells each direction)
Choose Colors: Select colors from palettes or use the color picker to create your
working palette
Design Your Pattern: Click on cells in the weaving grid to apply colors row by row
Use Row Controls: Each row has its own color picker for quick color assignment
Save Your Work: Export as PNG image, save as pattern file, or generate PDF
documentation
Interface Overview
Main Toolbar:
New Project: Clear the current pattern and start fresh
Import Pattern: Load a previously saved pattern file
Save Pattern: Save your current pattern as a JSON file
Save PNG: Export the current pattern as a PNG image
Export PDF: Generate a comprehensive PDF with pattern and color information
Zoom In/Out: Adjust the viewing scale of your pattern
Reset View: Return to default zoom and position
Undo/Redo: Navigate through your editing history
Pattern Controls:
Pattern Size: Set width and height (5-100 cells each)
Grid Toggle: Show/hide the grid overlay for cleaner viewing
Dark Mode Toggle: Switch between light and dark themes
Navigation:
Pan: Click and drag the pattern to move it around
Zoom: Use zoom controls or mouse wheel (if available)
Click to Edit: Click any cell to apply the current working color
Color Management
Current Color:
The large color picker at the top sets your current working color. This is the color that will be applied
when you click on pattern cells.
Working Colors:
Add Colors: Click the + button to add your current color to the working palette
Quick Access: Click any working color to make it your current color
Export Palette: Save your working colors as a custom palette file
Remove Colors: Right-click on working colors to remove them
Color Palettes:
Built-in Palettes: Choose from pre-loaded traditional and modern color schemes
Import to Working: Use the import button to add all palette colors to your working
colors
Custom Palettes: Import your own palette files or create them by exporting working
colors
Recently Used:
The simulator automatically tracks your recently used colors for quick access to frequently used shades.
Row Color Pickers:
Each row in your pattern has its own color picker on the right side, allowing you to quickly assign
colors to entire rows or see which colors are being used where.
Creating Krokbragd Patterns
Coming Soon
Saving and Loading
Pattern Files (.json):
Save Pattern: Saves complete pattern data including colors, dimensions, and metadata
Import Pattern: Load previously saved patterns to continue editing
Version Compatibility: Pattern files maintain compatibility across simulator updates
Sharing: Pattern files are text-based and easy to share with other weavers
Image Export (.png):
High Resolution: Exports at full pattern resolution for clear printing
Grid Options: Choose to include or hide the grid in exported images
Print Ready: Images are suitable for pattern references at the loom
PDF Documentation:
Complete Records: Includes pattern image, color information, and metadata
Color Codes: Shows exact color values for yarn matching
Pattern Statistics: (Coming Soon) Threading information and color usage data
Professional Format: Suitable for pattern libraries and documentation
Palette Files:
Export Working Colors: Save your current working palette as a reusable file
Import Custom Palettes: Load palette files created by you or other users