JSPM

Found 58 results for aspect-ratio

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.06
  • 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.06
  • Published

@real-system/aspect-ratio

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

  • v0.0.37
  • 13.01
  • 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.30
  • Published

cltvo-set-aspect-ratio

jQuery plugin for declaratively setting the aspect ratio of a container

    • v0.5.0
    • 11.90
    • Published

    aspectify

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

    • v2.0.1
    • 11.90
    • Published

    get-image-orientation

    Utility for determining image orientation and aspect ratio

      • v0.0.4
      • 11.19
      • 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.56
      • Published

      markdown-it-fitmedia

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

      • v1.0.2
      • 10.56
      • 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.63
      • Published

      postcss-ratio

      PostCSS plugin to simplify maintaining an elements aspect ratio.

      • v1.0.1
      • 9.27
      • Published

      get-object-fit-rect

      Replaced elements object-fit and object-position utilities

      • v2.1.3
      • 7.92
      • Published

      @pic-pik/react

      A React image file load and resize library with TypeScript

        • v0.1.3
        • 7.92
        • 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.13
        • Published

        contain-element

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

        • v1.7.5
        • 6.09
        • Published

        markdown-it-fitvids

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

        • v0.2.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.01
        • Published

        fixar

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

        • v0.2.2
        • 5.72
        • Published

        fitdim

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

        • v1.0.0
        • 4.81
        • Published

        @pic-pik/core

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

          • v0.1.5
          • 4.64
          • Published

          relly

          toolkit for relative div and font sizing

            • v0.0.1
            • 2.66
            • 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