Awesome GitHub RepositoriesVisual Layout Debugging

FeHelper is a web browser extension toolbox and frontend development toolkit integrated into Chrome, Firefox, and Edge. It serves as a data transformation utility, a web page debugging tool, and an AI-powered coding assistant. The project distinguishes itself by integrating local models and OpenAI-compatible APIs to write, refactor, and repair code directly within the browser. It also provides capabilities for generating TypeScript schemas and Zod definitions from data samples using AI. The toolkit covers a broad range of developer utilities, including network debugging for HTTP and WebSocke

Neat is a Sass grid framework and responsive layout system used to build fluid, column-based web architectures. It provides a structured approach to managing layout properties and global design settings through a central configuration map and a toolset of Sass mixins and functions. The system is distinguished by its ability to handle nested grid architectures, allowing flexible grids to be placed inside other grid containers while maintaining precise alignment and gutter control. It also includes development tools for frontend layout debugging that render background guide lines to visualize c

Susy is a Sass layout framework and grid computation engine designed to automate complex mathematical layout calculations within stylesheets. It functions as a responsive grid generator that calculates column widths, gutters, and spans based on customizable viewport breakpoints to ensure precise element alignment. The system includes a visual layout debugger that generates browser-based grid overlays to verify column alignment and baseline rhythm during development. It also provides utilities for creating repeating background colors and gradients using a template-based syntax. The framework