Depth Grid

If you’re looking for a way to spice up your designs and websites with striking perspective grids and tunnels, Depth Grid is the solution you were looking for. It’s a straightforward yet powerful tool that allows you to create custom depth effects that add dimension and visual interest to your designs and websites.

What does it do

1. Versatile Design Options

   • Plane: Ideal for creating clean, geometric grids with full control over rows, columns, perspective, and thickness.

   • Tunnel: Perfect for layered, immersive shapes that give your designs a unique and dynamic feel.

   Both modes are fully customizable to suit any creative direction you’re aiming for, and the fun part is that the preview canvas area is fully interactive, just drag your cursor in the area to change the camera angle or perspective angles.

2. Highly Customizable

   • Adjust colors to match your designs.

   • Modify grid density, perspective, and camera angles for precise control.

   • Change thickness, depth, and other parameters to craft exactly the look you want.

3. Seamless Integration with Framer

   Once you’ve designed your grid or tunnel, simply click “Add to Canvas” to insert it directly into your project. No extra steps, no hassle—just smooth integration. Need to use it elsewhere or save it for later? Download the SVG with a single click.

4. Upgrade Your Project's visuals

   Whether you’re working on web designs, app interfaces, or even presentations, Depth Grid is a versatile plugin for adding a modern, dimensional touch to your work. Use it for backgrounds, transitions, or standalone visuals to instantly make your designs more engaging.

Enjoy it! I'd love to see what you can create with it.