Automatic sizes attribute calculator for responsive images. Extracted from lazysizes by Alexander Farkas.

A utility to generate optimal image sizes for the CSS sizes attribute

Generate the sizes attribute for HTML img and picture source tags

Find the min and max possible outputs of a sizes attribute

`<sp-icon>` renders an icon to the page. By default the `name` attribute will pair with separately registered icon sets to deliver the icons. When not present, `<sp-icon>` will subsequently check for its `src` attribute which could populate the icon via a

High performance (jankfree) lazy loader for images (including responsive images), iframes and scripts (widgets).

An `<sp-progress-circle>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent both determinate and indeterminate progress, helping users understand the status of ongoing operations

A query library for ECMAScript AST using a CSS selector like query language.

a CSS selector parser

An `sp-split-view` element displays its first two direct child elements side by side (horizontal) or stacked (vertical with `vertical` attribute). The component automatically distributes the available space between the two panels. When the `resizable` att

Add JSX attribute

Remove JSX attribute

Replace JSX attribute value

Utility for using responsive images hosted on the Sanity.io CDN with the Next.js image component.

mjml-image

Returns an array of all tabbable DOM nodes within a containing node.

Insert assets such as .js, .css into an HTML file.

Since we're using a ton of images on the website we wanted to optimize the images further than what `next/image` has to offer.

A plugin for Tailwind CSS v3.2+ that provides utilities for container queries.

Emmet standalone abbreviation parser