JavaScript Webp

Open-source JavaScript projects categorized as Webp
Edit details
Topics: responsive-images Images Jpeg Avif Image processing
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
Sponsored

Top 8 JavaScript Webp Projects

  • sharp

    High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

    • Project mention: Next.js and Bunny CDN: Complete Guide to Image Uploading with Server Actions | dev.to | 2024-04-21

    Last thing left is to use our new upload function in our server action. Since I like to upload images in single format and have some more control over them, I will additionally use sharp library. For file name, I'll generate some random string using nanoid:

  • vanilla-lazyload

    LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Twelvety

    An Eleventy starter project built to be fast (by gregives)

  • lqip-modern

    Modern approach to Low Quality Image Placeholders (LQIP) using webp and sharp.

  • next-img

    A Next.js plugin for embedding optimized images.

  • svelte-responsive-images

    Image optimization component for svelte

    • Project mention: Is Sveltekit ready to be used to develop some large-scale projects on it? | /r/sveltejs | 2023-05-03

    I think it's all easy to get with a picture tag you can make your component probably but I think this exists already. I think by quick search for something like that https://github.com/ohbob/svelte-responsive-images

  • eleventy-plugin-img2picture

    Eleventy plugin to replace <img> using <picture> with resized and optimized images.

    • Project mention: Eleventy plugin to replace `img` with `picture` (resized and optimized) | news.ycombinator.com | 2024-02-02

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo

  • images-downloader

    A Node.js module for downloading a single image or multiple images to disk from a given Url

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript Webp related posts

Index

What are some of the best open-source Webp projects in JavaScript? This list will help you:

Project Stars
1 sharp 27,943
2 vanilla-lazyload 7,566
3 Twelvety 290
4 lqip-modern 274
5 next-img 271
6 svelte-responsive-images 38
7 eleventy-plugin-img2picture 23
8 images-downloader 19

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com