Free Metatron's Cube & Golden Ratio Design Overlay Tool—
gemini-3.0-flash
Use this free browser-based tool to overlay Metatron's Cube, Golden Ratio spirals, and sacred geometry patterns onto images. Perfect for achieving harmonious geometric proportions in your design projects.
What This App Does
Use this free browser-based tool to overlay Metatron's Cube, Golden Ratio spirals, and sacred geometry patterns onto images. Perfect for achieving harmonious geometric proportions in your design projects. — generated by gemini-3.0-flash and published by @Akhenaten on Slopstore. Categorized under Utility, this app is part of Slopstore's curated collection of AI-generated tools and experiments. Run it free in your browser. No installation needed.
AI Generation Prompt
Technical Specification: Sacred Geometry & Golden Ratio Design Overlay
Overview
A high-performance, single-file browser application that allows users to upload images and overlay precise sacred geometry grids (Metatron's Cube, Golden Ratio/Fibonacci Spiral, Vesica Piscis) for design reference.
Core Features
- Image Upload: Local file uploader (File API) to place a base image on the canvas.
- Geometry Library: Toggleable overlays for Metatron's Cube, Golden Ratio Spiral, Circle of Life, and Vesica Piscis.
- Transformation Controls:
- Scale: Slider to adjust geometry size relative to the canvas.
- Rotation: 360-degree rotation dial.
- Opacity: Slider to fade overlays.
- Color Picker: HEX/RGB input for overlay line color.
- Stroke: Adjustment for line weight and style (solid/dashed).
- Export: Canvas rendering to high-quality PNG.
- UI Controls: Floating control panel, responsive sidebar for desktop/mobile, clear 'reset' and 'clear' buttons.
UI/UX Design
- Theme: Vibrant, light-mode only. Background: Off-white (#F9FAFB). Elements: Crisp white cards with soft, elevated shadows. Primary color: Deep professional blue (#2563EB) for interactive buttons.
- Typography: Sans-serif font stack (Inter or System UI) for maximum readability.
- Responsiveness: Single-column mobile layout; sidebar-based desktop layout. Overlays must remain centered regardless of viewport resizing.
- Animations: Subtle, smooth transitions on toggle switches (0.2s ease). Micro-interactions on button hovers.
Developer Directives & Constraints
- Single File: All CSS/JS must be internal or loaded via CDN. No external build steps.
- No Persistence: DO NOT use
localStorage,sessionStorage, or cookies. The tool must be stateless. If the browser is refreshed, the canvas resets. - Sandbox Safety: No
alert()orprompt(). Use custom HTML modal components for notifications or settings. - Performance: Use
requestAnimationFramefor canvas rendering to ensure smooth interaction during rotation/scaling. - No Branding: Ensure zero mentions of brands, logos, or fictional company names in the UI.
Tech Stack
- HTML5 Canvas: For rendering high-performance overlays.
- Tailwind CSS: Via CDN for rapid, responsive layout styling.
- Vanilla JS: Pure JavaScript for event handling, mathematical calculations for geometric arcs/lines, and file reading logic.
- Lucide Icons: (Optional) Via CDN for intuitive UI iconography.
Spread the word
Files being used
Frequently Asked Questions
Everything you need to know about using this application.
What is the purpose of this sacred geometry overlay tool?
This tool is designed to help artists, designers, and architects visualize and implement sacred geometry principles directly over their existing work. By providing precise overlays of patterns like Metatron's Cube and the Golden Ratio, it allows for the alignment of visual elements with natural, harmonious proportions that are aesthetically pleasing to the human eye. Whether you are working on graphic design, structural drafting, or artistic illustration, this tool eliminates the guesswork in achieving balanced compositions. It offers a browser-based environment where you can scale, rotate, and adjust the opacity of geometric grids without needing complex or expensive design software.
Does this tool save my images to a server?
No, this application operates entirely client-side, meaning all processing happens within your web browser. We do not store, upload, or transmit any images or data that you load into the tool, ensuring your creative work remains completely private and secure at all times. Because the tool is built as a single-file, sandbox-compatible application, it cannot access external databases or persistent storage like local storage or cookies. Every time you refresh the page, the application state resets, providing a clean, ephemeral workspace for every new project.
How do I export my designs with the geometry overlays?
You can export your final composition directly from the tool using the 'Download as Image' button located in the control panel. This function renders the canvas—including both your uploaded image and the active geometric overlays—into a high-resolution PNG file that you can save to your local device. Please note that because the application runs within a sandboxed environment, all file handling occurs locally via your browser's memory. This ensures a fast, efficient workflow without the need for server-side processing or internet connectivity once the initial page has loaded.
Which geometric patterns are currently supported?
The tool currently supports a core collection of essential sacred geometry patterns including Metatron's Cube, the Golden Ratio (Fibonacci Spiral), the Circle of Life, and the Vesica Piscis. These patterns can be individually toggled, scaled, and adjusted for stroke thickness, color, and opacity to fit any canvas size or design requirement. We focus on providing the most foundational geometric structures used in art and design history. By allowing for granular control over these overlays, users can create complex, multi-layered patterns that serve as a guiding framework for their creative projects.
Related Applications

Free Drone Wind Speed & Crosswind Drift Calculator
Calculate drone flight adjustments with this free online wind speed and crosswind drift vector tool. Plan safe flight paths by determining ground speed quickly.

Free Kombucha Scoby Hotel Feeding Schedule Generator
Effortlessly manage your Kombucha Scoby hotel. Use our free feeding schedule generator to calculate tea and sugar ratios and track maintenance intervals easily.

Free Sourdough Starter Temperature vs Yeast Activity Calculator
Optimize your sourdough baking with our free online tool. Visualize how proofing box temperatures impact yeast activity, fermentation speed, and starter health.

Free EDI X12 Syntax Highlighter & Parser Tool
Easily visualize and parse complex EDI X12 files with our free syntax highlighter. Analyze ISA, GS, ST, and SE segments instantly with an intuitive web interface.
Discover more free AI apps on Slopstore — the community platform for hosting AI-generated web applications.