React Packed Grid
A React component to create a grid of equally scaled boxes packed efficiently into a container, as seen in video conferencing apps like Zoom.
Install / Use
npx skills add mxmul/react-packed-gridInstalls into whichever agent you are using.
README
react-packed-grid
A React component to create a grid of equally scaled boxes packed efficiently into a container, as seen in video conferencing apps like Zoom.
Demo
https://mxmul.github.io/react-packed-grid/
Install
npm install --save react-packed-grid
Usage
import React from 'react'
import { PackedGrid } from 'react-packed-grid'
function Example {
return (
<PackedGrid>
<div>Box 1</div>
<div>Box 2</div>
<div>Box 3</div>
</PackedGrid>
);
}
License
MIT © mxmul
Related Skills
qqbot-channel
385.5kQQ channel management skill. Use qqbot_channel_api for explicit QQ channel-management requests; confirm write, delete, and bulk actions before calling authenticated QQ Open Platform endpoints.
docs-writer
106.4kAlways use this skill when the task involves writing, reviewing, or editing files in the `/docs` directory or any `.md` files in the repository.
cpp
40.5kGuide Cursor to write modern C++ and CMake code with clear structure, RAII, const-correctness, and safe error handling.
gamemaker-gml
40.5kGameMaker Language (GML) rules for scripts, objects, events, rooms, data structures, and performance-minded game code
