airinc

<p>Air Asset Picker is a Gutenberg block that connects your WordPress site to your Air workspace. Content editors can browse, search, and insert brand-approved images and videos from Air without ever leaving the WordPress block editor — no downloading, no re-uploading.</p>
<p><strong>How it works:</strong></p>
<ul>
<li>Add the <strong>Air</strong> block to any page or post</li>
<li>Click <strong>Add asset</strong> to open the Air asset picker</li>
<li>Log in to your Air account</li>
<li>Browse or search your workspace and select an asset</li>
<li>The asset is embedded via Air’s CDN URL — no files are stored in WordPress</li>
</ul>
<p><strong>Why CDN delivery?</strong></p>
<p>Assets are served directly from Air’s CDN. This means no storage overhead in WordPress, and any updates made to an asset in Air are reflected on your site immediately.</p>
<p><strong>Requirements:</strong></p>
<ul>
<li>An active Air account on an Enterprise plan</li>
<li>Your Air workspace ID (found in your Air account settings)</li>
</ul>
<h3>External Services</h3>
<p>This plugin connects to Air (https://air.inc) to enable asset selection and embedding. Air is a digital asset management service operated by Air Labs, Inc.</p>
<p><strong>When is data sent?</strong></p>
<ul>
<li>When a user opens the asset picker inside the WordPress block editor, the plugin loads the Air picker UI from <code>https://wordpress-plugin.air.inc</code> in an iframe. This is required to authenticate the user and display the asset gallery.</li>
<li>When an asset is selected, only the asset’s CDN URL and metadata (filename, dimensions, alt text, caption) are sent back to WordPress and stored as block attributes. No binary file data is transferred to WordPress.</li>
<li>When a published page is viewed, the browser loads the embedded image or video directly from Air’s CDN.</li>
</ul>
<p><strong>What data is sent?</strong></p>
<ul>
<li>Your Air workspace ID (entered in Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Air Media)</li>
<li>Authentication credentials you enter into the Air picker (handled entirely by Air, never seen by the plugin)</li>
<li>No personal data from WordPress is transmitted to Air</li>
</ul>
<p><strong>Terms and privacy:</strong></p>
<ul>
<li>Air Terms of Service: <a href="https://air.inc/terms" rel="nofollow ugc">https://air.inc/terms</a></li>
<li>Air Privacy Policy: <a href="https://air.inc/privacy" rel="nofollow ugc">https://air.inc/privacy</a></li>
</ul>
<h3>Source Code</h3>
<p>The compiled JavaScript shipped in <code>/build</code> is generated from human-readable sources in <code>/src</code> using <code>@wordpress/scripts</code> (webpack). The full source code, build configuration, and development instructions are publicly available at:</p>
<p><a href="https://github.com/AirLabsTeam/air-wordpress-plugin" rel="nofollow ugc">https://github.com/AirLabsTeam/air-wordpress-plugin</a></p>
<p><strong>Build prerequisites:</strong></p>
<ul>
<li>Node.js 22 or later</li>
<li>npm 10 or later (or Yarn 1.x)</li>
</ul>
<p><strong>Build steps:</strong></p>
<pre><code>git clone https://github.com/AirLabsTeam/air-wordpress-plugin.git
cd air-wordpress-plugin
npm install
npm run build:prod
</code></pre>
<p>The build outputs <code>/build/index.js</code>, <code>/build/view.js</code>, <code>/build/index.asset.php</code>, <code>/build/view.asset.php</code>, and <code>/build/block.json</code> — the exact files shipped in the WordPress.org zip. The only third-party runtime dependency bundled in <code>/build/view.js</code> is <a href="https://github.com/video-dev/hls.js" rel="nofollow ugc">hls.js</a> (Apache-2.0), used so non-Safari browsers can play Air’s HLS preview videos; everything else is sourced from <code>@wordpress/*</code> packages provided by WordPress core.</p>


Air Asset Picker

Embed brand-approved images and videos from your Air workspace directly in the WordPress block editor.

Joost de Valk

Ari Stathopoulos

Progress Planner

Filip Ilić

<p>Brand Assets helps you publish a clean, usable brand assets page in WordPress. Instead of sending people to scattered folders or outdated PDFs, you can present approved colors, downloadable logos, and brand guidance directly on your site.</p>
<p>Whether you need a public media kit, a client handoff page, or an internal brand guidelines page, Brand Assets gives you block-based tools to build it in Gutenberg.</p>
<h3>What you can build</h3>
<ul>
<li>A brand assets page with your logos, color palette, and typography guidance.</li>
<li>A media kit page for journalists, partners, and affiliates.</li>
<li>A client-facing brand page with downloadable files and usage guidance.</li>
<li>A simple internal design reference for your team.</li>
</ul>
<h3>Key features</h3>
<ul>
<li>Add a dedicated brand color palette block to any page or post.</li>
<li>Show color swatches with adjustable width, height, spacing, borders, and optional CMYK values.</li>
<li>Use the included brand page pattern to launch a complete brand guidelines page faster.</li>
<li>Add downloadable brand files by applying the <code>ba-download</code> class to list items in the editor.</li>
<li>Show a configurable popover on your site logo that links visitors to the right brand assets page.</li>
<li>Manage plugin settings from <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Brand Assets</strong> or the plugin row settings link.</li>
</ul>
<h3>Why site owners use Brand Assets</h3>
<ul>
<li>Keep logos, colors, and downloadable files in one clear place.</li>
<li>Make it easier for clients, press contacts, and partners to find approved assets.</li>
<li>Build a more professional brand guidelines page without custom development.</li>
<li>Keep your WordPress site and your brand presentation aligned.</li>
</ul>
<h3>Quick start</h3>
<ol>
<li>Install and activate Brand Assets.</li>
<li>Create a page for your brand assets or media kit.</li>
<li>Insert the Brand Assets pattern or add the <strong>Color Palette – Brand Assets</strong> block.</li>
<li>Add your approved colors, logo files, and supporting content.</li>
<li>Go to <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Brand Assets</strong> and connect your logo popover to the page.</li>
</ol>
<h3>Support</h3>
<ul>
<li>Source code: https://github.com/ProgressPlanner/brand-assets</li>
<li>Documentation: https://progressplanner.com/plugins/brand-assets/</li>
<li>Issues: https://github.com/ProgressPlanner/brand-assets/issues</li>
</ul>


Brand Assets

Create a WordPress brand assets page with color palettes, logo downloads, and brand guidelines visitors can actually use.

Air Asset Picker vs Brand Assets