JSPM

Found 58 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
  • 65.41
  • Published

postcss-aspect-ratio

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

  • v1.0.2
  • 52.72
  • Published

@orchard9ai/cropper

A React image cropping component with aspect ratio controls

    • v0.8.0
    • 43.91
    • Published

    veestream

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

    • v2.0.0
    • 27.48
    • Published

    v-aspect-ratio

    Aspect ratio directive for Vue.js

    • v2.0.1
    • 27.39
    • Published

    react-yt-flexible

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

    • v1.0.4
    • 26.29
    • Published

    ib-image-optimizer

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

    • v2.0.3
    • 22.21
    • Published

    aratio-gen

    CLI tool to generate media with various aspect ratios

    • v1.0.0
    • 22.17
    • 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.67
    • Published

    fit-with-aspect-ratio

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

      • v0.1.1
      • 17.13
      • 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
      • 14.15
      • 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.15
      • Published

      @real-system/aspect-ratio

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

      • v0.0.37
      • 12.94
      • 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
      • 12.46
      • Published

      cltvo-set-aspect-ratio

      jQuery plugin for declaratively setting the aspect ratio of a container

        • v0.5.0
        • 11.95
        • Published

        aspectify

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

        • v2.0.1
        • 11.95
        • Published

        get-image-orientation

        Utility for determining image orientation and aspect ratio

          • v0.0.4
          • 11.26
          • 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
          • 10.62
          • Published

          markdown-it-fitmedia

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

          • v1.0.2
          • 10.62
          • Published

          unr-lazy-youtube-video

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

          • v1.2.3
          • 9.58
          • Published

          postcss-ratio

          PostCSS plugin to simplify maintaining an elements aspect ratio.

          • v1.0.1
          • 9.22
          • Published

          get-object-fit-rect

          Replaced elements object-fit and object-position utilities

          • v2.1.3
          • 8.02
          • Published

          @pic-pik/react

          A React image file load and resize library with TypeScript

            • v0.1.3
            • 8.02
            • Published

            markdown-it-fitvids

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

            • v0.2.0
            • 7.33
            • Published

            contain-element

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

            • v1.7.5
            • 6.11
            • 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
            • 6.09
            • 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
            • 6.04
            • Published

            fixar

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

            • v0.2.2
            • 5.76
            • Published

            fitdim

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

            • v1.0.0
            • 4.79
            • Published

            @pic-pik/core

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

              • v0.1.5
              • 4.61
              • Published

              relly

              toolkit for relative div and font sizing

                • v0.0.1
                • 2.67
                • Published

                capdim

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

                • v1.0.0
                • 0.00
                • Published

                aratio

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

                  • v1.2.3
                  • 0.00
                  • 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
                  • 0.00
                  • Published

                  aspratio

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

                  • v1.0.1
                  • 0.00
                  • Published