JSPM

Found 62 results for aspect-ratio

react-native-scalable-image

React Native Image component which scales width or height automatically to keep the aspect ratio

  • v1.1.0
  • 63.82
  • Published

postcss-aspect-ratio

A PostCSS plugin to fix an element's dimensions to an aspect ratio.

  • v1.0.2
  • 48.91
  • Published

smart-photo-view

Smart React image component with lazyload, blur-up, zoom/pan viewer, gallery and optional video.

    • v1.0.2
    • 28.94
    • Published

    ib-image-optimizer

    A React component for optimizing images with loading states and aspect ratio control

    • v2.0.3
    • 28.52
    • Published

    @orchard9ai/cropper

    A React image cropping component with aspect ratio controls

      • v0.8.0
      • 26.11
      • Published

      react-yt-flexible

      A flexible React component for embedding YouTube videos or thumbnails with advanced features

      • v1.0.4
      • 25.44
      • Published

      @lunar30612/mcp-image-tools

      MCP server for image manipulation and AI image generation using Google Gemini. Resize images to custom aspect ratios and generate images with customizable prompts.

      • v0.1.0
      • 23.57
      • Published

      vue-aspect-ratio-box

      Vue.js aspect ratio component (supports Vue 3, flexible width/height).

      • v1.1.8
      • 23.54
      • Published

      messonry

      A messy grid layout library for React. Like a masonry layout; except that it crops images as little as possible, and displays them as close to their original aspect ratio as possible.

      • v0.3.0
      • 22.84
      • Published

      react-native-auto-scale-image

      React Native Image component to calculate width or height automatically, given the other value, to preserve image's aspect ratio

      • v1.0.1
      • 21.94
      • Published

      get-object-fit-rect

      Replaced elements object-fit and object-position utilities

      • v2.1.3
      • 20.57
      • Published

      fit-with-aspect-ratio

      Fit a original dimensions within a max/min boundaries while keeping its original aspect ratio

        • v0.1.1
        • 20.32
        • Published

        fullscreen-iframe-content

        Ensure's the full content of an iframe, rather than the iframe itself, fills the screen. Great for background video using YouTube, Vimeo, etc.

        • v2.0.2
        • 19.66
        • Published

        veestream

        A CLI tool to convert videos into multiple resolutions and generate HLS playlists for seamless adaptive streaming.

        • v2.0.0
        • 19.55
        • Published

        @camped-ui/aspect-ratio

        Aspect Ratio component allows you to display content within a desired ratio, providing control over the proportions of images, videos, or other elements. This ensures a consistent and visually appealing layout, allowing for seamless integration of various

        • v2.1.1
        • 19.47
        • Published

        v-aspect-ratio

        Aspect ratio directive for Vue.js

        • v2.0.1
        • 19.30
        • Published

        get-image-orientation

        Utility for determining image orientation and aspect ratio

          • v0.0.4
          • 16.86
          • Published

          @agungkes/react-native-scalable-image

          React Native Image component which scales width or height automatically to keep the aspect ratio. Using React Native Fast Image as ImageComponent

          • v1.0.2
          • 16.29
          • Published

          capdim

          Caps an N-dimensional array to a maximum total volume (the product of its dimensions) while preserving proportions.

          • v1.0.1
          • 15.72
          • Published

          dynascale

          ![NPM Version](https://img.shields.io/npm/v/dynascale) ![NPM Last Update](https://img.shields.io/npm/last-update/dynascale) ![NPM Type Definitions](https://img.shields.io/npm/types/dynascale) ![NPM Downloads](https://img.shields.io/npm/dw/dynascale)

          • v1.0.1
          • 15.41
          • Published

          @real-system/aspect-ratio

          Aspect ratio component for real system used for sizing media e g image video map.

          • v0.0.37
          • 15.25
          • Published

          markdown-it-fitmedia

          A markdown-it plugin to set aspect-ratio of responsive images, videos, and iframes

          • v1.0.2
          • 15.09
          • Published

          fit-dimensions

          A tiny utility function to fit a source rectangle within a target rectangle using popular object-fit modes (contain, cover, fill, none, scale-down). Maintains aspect ratio as needed. Useful for images, videos, UI elements, and more.

          • v1.0.0
          • 14.02
          • Published

          aspectify

          Converts one or more images to a given aspect ratio by cropping

          • v2.0.1
          • 13.29
          • Published

          @pic-pik/core

          A collection of pic-pik utilities for loading, restricting, resizing and managing image files with TypeScript.

            • v0.1.5
            • 12.39
            • Published

            contain-element

            A JavaScript plugin to contain an element within its parent element.

            • v1.7.5
            • 11.24
            • Published

            relly

            toolkit for relative div and font sizing

              • v0.0.1
              • 11.17
              • Published

              cltvo-set-aspect-ratio

              jQuery plugin for declaratively setting the aspect ratio of a container

                • v0.5.0
                • 10.61
                • Published

                @pic-pik/react

                A React image file load and resize library with TypeScript

                  • v0.1.3
                  • 10.22
                  • Published

                  aspratio

                  To get aspect-ratio of 'screen size or image'

                  • v1.0.1
                  • 9.28
                  • Published

                  postcss-ratio

                  PostCSS plugin to simplify maintaining an elements aspect ratio.

                  • v1.0.1
                  • 7.27
                  • Published

                  markdown-it-fitvids

                  A markdown-it plugin to make iframes and videos responsive by setting aspect-ratio.

                  • v0.2.0
                  • 7.25
                  • Published

                  fitdim

                  Scales an N-dimensional array to perfectly fit within a bounding box, maintaining proportions.

                  • v1.0.0
                  • 6.13
                  • Published

                  aratio-gen

                  CLI tool to generate media with various aspect ratios

                  • v1.0.0
                  • 5.71
                  • Published

                  unr-lazy-youtube-video

                  [Not Official Repo] - I forked this to mess around. Vue.js component for lazyloading YouTube videos

                  • v1.2.3
                  • 4.64
                  • Published

                  @vi5hnuu/ngx-scribbly

                  A flexible Angular directive to draw any custom elements on screen via mouse interaction, with aspect-ratio locking and full shape support.

                  • v1.0.2
                  • 4.54
                  • Published

                  aratio

                  Wrap an element in a container to force it to a specific aspect ratio.

                    • v1.2.3
                    • 2.58
                    • Published

                    fixar

                    JavaScript rendering tools library. Designed for use with Three.js.

                    • v0.2.2
                    • 2.52
                    • Published

                    eiip

                    EIIP (Elite India Image Processing) - Complete client-side image processing library with SVG/raster conversion, layer merging, cropping, effects/filters, PDF conversion, resizing, rotation, compression, watermarks, and color adjustment. Compatible with Re

                    • v1.2.0
                    • 0.00
                    • Published