Svelte Grid Guide

A customizable grid overlay system for SvelteKit applications.

GitHub

Installation

bun add @iamjuney/svelte-grid-guide

This package requires Tailwind CSS v4. If not already installed, add it to your project:

bunx sv add tailwindcss

Install required peer dependencies:

bun add bits-ui phosphor-svelte

Usage

Add the GridOverlay component to your app's layout or root component.

The grid overlay is hidden by default but can be toggled using the floating control panel that appears in the bottom right corner of the screen.

Position

Change the position of the floating control panel.