Security News
Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
padded-grid
Advanced tools
A development tool for visualizing and maintaining consistent grid systems in React applications. Similar to design tools like Figma, it provides toggleable grid overlays that help ensure precise spacing, alignment, and layout consistency during developme
A development tool for visualizing and maintaining consistent grid systems in React applications. Similar to design tools like Figma, it provides toggleable grid overlays that help ensure precise spacing and alignment during development.
import { XGrid, YGrid } from 'padded-grid';
import 'padded-grid/styles.css';
function App() {
const showGrid = process.env.NODE_ENV === 'development';
return (
<div>
{/* Baseline grid for typography alignment */}
<YGrid
config={{
baseUnit: 8,
height: "100%",
}}
visibility={showGrid ? 'visible' : 'hidden'}
/>
{/* Column grid overlay */}
<XGrid
config={{
columns: 12,
gap: 16,
maxWidth: "1200px",
}}
visibility={showGrid ? 'visible' : 'hidden'}
/>
<main>Your content...</main>
</div>
);
}
See CONTRIBUTING.md for guidelines.
MIT © François Denavaut
1.0.0
FAQs
A comprehensive toolkit for maintaining consistent typography and spacing in React applications. Featuring debug overlays for grids and baselines, stack components for vertical rhythm, and spacing utilities that help ensure precise typography and layout d
The npm package padded-grid receives a total of 11 weekly downloads. As such, padded-grid popularity was classified as not popular.
We found that padded-grid demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.