<h2>Overview:</h2>
gatsby-source-google-docs is a Gatsby plugin designed to utilize Google Docs as a data source for creating websites. With features like Google Docs formatting options, MDX support for React components in documents, and support for Gatsby v3 &#x26; v4, this plugin offers a seamless integration between Google Docs and Gatsby websites.
<h2>Features:</h2>
<ul>
<li>Best online WYSIWYG editor</li>
<li>Desktop web app</li>
<li>Mobile app</li>
<li>Offline redaction</li>
<li>No need for external CMS</li>
<li>Google Docs formatting options (headings, bullets, tables, images...)</li>
<li>MDX support for ReactComponents</li>
<li>Gatsby v3 &#x26; v4 support</li>
<li>Code blocs support</li>
<li>Gatsby Cloud support</li>
</ul>

<h2>Overview</h2>
React-responsive-masonry is an innovative and lightweight component designed specifically for building responsive masonry layouts in React applications. Utilizing CSS flexbox, this package offers a seamless way to create dynamic grid structures that automatically adjust based on screen size. Whether you're building a gallery, portfolio, or any other layout requiring a flexible and beautiful use of space, this package simplifies the process while ensuring a polished end result.
Installation is straightforward, making it accessible for developers at all levels. With the ability to create layouts that elegantly resize and adapt, the react-responsive-masonry package is a delightful addition to any React project.
<h2>Features</h2>
<ul>
<li>Responsive Layouts: Automatically adjusts the number of columns based on the screen size, ensuring your content always fits perfectly.</li>
<li>Easy Installation: Available via NPM or Yarn for quick setup, or can be included directly from a CDN if preferred.</li>
<li>Custom Gutter Settings: You can define the margin surrounding each item, allowing for a tailored visual experience.</li>
<li>Flexible Component Props: Offers various props like className and style for custom styling of the container and items.</li>
<li>Breakpoints for Columns and Gutter: Includes options to set different columns and gutter sizes for specific breakpoints, enhancing responsive design further.</li>
<li>Minimalistic: Built with a focus on simplicity and performance, the component retains a small footprint in your app.</li>
<li>Open for Contributions: Actively encourages community involvement for bugs or new features, promoting continuous improvement.</li>
</ul>

Cedricdelpoux

Gatsby Source Google Docs

React Responsive Masonry