<h2>Overview</h2>
<p>svelte-img is a high-performance responsive/progressive image plugin for SvelteKit. It automatically transforms local images into multiple widths and next-gen formats, while rendering a minimally invasive HTML representation into your SvelteKit project. The plugin also includes special effects such as fade-in on image reveal and parallax vertical scroll effect.</p>
<h2>Features</h2>
<ul>
<li><strong>Image Transformation</strong>: automatically transforms local images into multiple widths and next-gen formats.</li>
<li><strong>Fade-in Effect</strong>: includes a fade-in effect on image reveal.</li>
<li><strong>Parallax Scroll</strong>: supports a parallax vertical scroll effect.</li>
</ul>
<h2>Summary</h2>
<p>svelte-img is a powerful plugin for SvelteKit that provides high-performance responsive/progressive images. With features such as image transformation, fade-in effect, and parallax scroll, it offers an easy and effective way to handle images in your SvelteKit projects. The installation process is simple and straightforward, making it accessible to developers of all levels of experience.</p>


<h2>Overview</h2>
<p>npm (scoped) is a simple and elegant toast notification component for modern web frontends. It is lightweight and well-tested, with only 20kB minified and 8kB gzipped. It can be used with Vanilla JS or as a Svelte component.</p>
<h2>Features</h2>
<ul>
<li><strong>Supporting Multiple Toast Containers</strong>: Send toasts to different container targets within your app.</li>
<li><strong>Removing Multiple Toasts (Outdated)</strong>: Deprecated feature for backward compatibility.</li>
<li><strong>Accepting Object as First Param</strong>: push() and set() functions can also take an object as the first parameter.</li>
<li><strong>Pausable Toasts</strong>: Progress bar tweens can be paused when the mouse cursor hovers over the toast item.</li>
<li><strong>Send Svelte Component as a Message</strong>: Push a Svelte component instead of a standard message.</li>
<li><strong>onpop() Callback Function</strong>: Run a callback function when a toast is closed.</li>
<li><strong>Styling with User-Defined Classes</strong>: Pass custom class names to each toast item.</li>
</ul>


Zerodevx

Svelte Img

Svelte Toast