Awesome Open Source

Programming Languages

Search results for javascript viewport

492 search results found

Responsive viewport management tool

React Native Layout Tester ⭐ 120

Use an iPad to test your component's layout in different iPhone sizes.

Vue In Viewport Directive ⭐ 120

Vue 2 directive that adds css classes when the element is the viewport

Preact Scroll Viewport ⭐ 118

Preact Component that renders homogeneous children only when visible

Isonscreen ⭐ 117

Simple jQuery plugin to determine if an element is within the viewport

Ember Cli Loading Slider ⭐ 116

A YouTube like loading indicator for EmberJS packaged as an Ember CLI add-on.

jQuery plugin for on-scroll detecting whether the element entered or left the viewport.

React Lazy ⭐ 112

Universal lazy loader components using IntersectionObserver for React

Library for working with infinite grid of tiles.

Doormat ⭐ 111

Let's take a scroll!

Storybook Mobile ⭐ 106

[Deprecated] A storybook addon that helps you create truly mobile-friendly components

Postcss Viewport Height Correction ⭐ 106

PostCSS plugin to solve the popular problem when 100vh doesn’t fit the mobile browser screen.

Pixi Scrollbox ⭐ 105

a scrollbox built for pixi.js using a masked box that scrolls vertically and/or horizontally with optional scrollbars

Offscreen.js ⭐ 104

Detects if an element falls of the viewport of your screen

React Lazy Image ⭐ 103

Component to render images and lazyload them if are in the viewport (or near to them).

Vue Scrollview ⭐ 102

A Vue.js component for detecting when components are visible in the viewport via the Vue.js scoped slots api.

React Vw Layout ⭐ 102

使用create-react-app脚手架搭建vw-layout解决方案

Vue In Viewport Mixin ⭐ 100

Vue 2 mixin to determine when a DOM element is visible in the client window

📐 A lightweight alternative to the buggy vh/vw CSS units.

Position Calculator ⭐ 98

jQuery plugin, to calculate the position of an element relative to another element or event. Tries to find a collision free position within the viewport of a given container.

Parallax Vanilla ⭐ 96

Seamless and lightweight parallax scrolling library implemented in pure JavaScript utilizing Hardware acceleration for extra performance.

Angular Scroll Animate ⭐ 95

An Angular.js directive which allows you to perform any javascript actions (in the controller, or on the element) when an element is scrolled into, or out of, the users viewport, without any other dependencies.

Css To React Native Transform ⭐ 94

Turn valid CSS into React Native Stylesheet objects.

React On Visible ⭐ 93

React component that applies a css class to the container when the element is in the browser viewport

Mocha Headless Chrome ⭐ 93

Run client-side mocha tests in the command line through headless Chrome.

React Breakpoints ⭐ 92

A React component that sends current breakpoint via context based on viewport width, allowing you to load different components in different breakpoints.

Grunt Yslow ⭐ 92

Test web page performance using the YSlow library invoked by a grunt task

Visibility Polygon Js ⭐ 92

This library can be used to construct a visibility polygon for a set of line segments.

React Native Inviewport ⭐ 91

Detect if component is in device viewport

Compute the quadtree tiles to display in a rectangular viewport.

Just a camera implementation over the top of HTML5 canvas

LinkedIn's JavaScript viewport tracking library and IntersectionObserver polyfill

Stick elements to the top of the viewport when the user scrolls down.

Ember Lazy Image ⭐ 87

Ember CLI addon that allows you to gracefully handle image loading.

Jsdom Testing Mocks ⭐ 81

A set of tools for emulating browser behavior in jsdom environment

React Scroll Box ⭐ 81

Charged cross-browser and cross-platform scrollable container implementation with no external dependencies but React 0.13+.

Adjusts CSS media queries in browsers that include the scrollbar width in the viewport width so they fire at the intended size

Html To Svg ⭐ 80

svg screenshot of web pages (saves the given URL to an SVG file)

HTML5 MSE Playback of MPEG 360 VR Tiled Streaming

Vue Check View ⭐ 79

Vuetify With Storybook ⭐ 77

Setting up Storybook with Vuetify the right way

Screenshot ⭐ 76

Screenshot as a service: take screenshot of the given URL

Floatsidebar.js ⭐ 76

A lightweight (2kb gzipped), zero-dependency javascript library for making a sidebar float.

Mobile Web Pagefit ⭐ 76

移动端Web页面适配方案

Tactical and adaptive asset loading library

Include Media Export ⭐ 73

📐 An include-media plugin for exporting breakpoints from Sass to JavaScript

React Vw Layout ⭐ 72

使用create-react-app脚手架搭建 vw 适配方案 react 16 && react dom 16 搭配使用，一个多页面路由项目 && react-router 4+

Ngscroller ⭐ 72

Bidirectional infinite scrolling with dynamic data load

Jquery.columns ⭐ 71

Viewport relative responsive grids

CSSVR is an experiment that simulates browser support for creating VR experiences using media queries and CSS transforms.

React Overflow Indicator ⭐ 70

Detect overflow and render shadows, fades, arrows, etc.

Puppeteer Full Page Screenshot ⭐ 70

Wp Quicklink ⭐ 68

The WordPress plugin for quicklink. ⚡️ Faster subsequent page-loads by prefetching in-viewport links during idle time.

Vue Viewports ⭐ 68

define your custom viewports and use them in your components

Viewport Observer ⭐ 68

React Component that observe changes in the intersection of a target element with viewport using IntersectionObserver

Jquery Lockfixed ⭐ 67

jQuery lockfixed plugin

Weex Flymeui ⭐ 65

🐼 A Flyme Style UI library based on Weex for Creator.

Boilerplate Webpack React Es6 Cssmodule ⭐ 64

a boilerplate for Webpack-React-ES6-CssModule project

Stickup2 ⭐ 63

stickUp a jQuery Plugin for sticky menus, sidebars and elements

React Windowed List ⭐ 62

Postpone ⭐ 60

Postpone your resources and save some bandwidth

Redux Bundler Worker Example ⭐ 60

Redux-bundler with store and bundler running inside a worker

Awesome tooltips at your fingertips

Siteshooter ⭐ 58

📷 Automate full website screenshots and PDF generation with multiple viewport support.

Leaflet.edgebuffer ⭐ 58

Leaflet plugin to support pre-loading tiles outside the current viewport

Stickymate ⭐ 58

Stickymate is a tool that designed to help web developers easily create scroll-based animations without JavaScript knowledge, just setting animation params directly in the HTML markup.

Capture Chrome ⭐ 57

Capture screenshots using Chrome's new headless mode.

Ngtinyscrollbar ⭐ 56

An angular directive port of the TinyScrollbar

React Fittext ⭐ 52

FitText.js as a React v16+ component.

Ios Zoom Bug Fix ⭐ 52

A fix to the famous iOS zoom bug on orientation change

Jsdom Screenshot ⭐ 52

📸 Take screenshots of jsdom with puppeteer

Safeareainsets ⭐ 52

Use javascript to get the safe area insets.

Homemirror ⭐ 51

Web based home mirror, inspired by Hannah Mitt's project.

Jquery.documentsize ⭐ 51

Detects the real width and height of a document. And the real width and height of the browser window.

A responsive image loader

Vue Scrollwatch ⭐ 51

React Virtual Container ⭐ 51

Optimise your React apps by only rendering components when in proximity to the viewport.

Element In View ⭐ 51

Check if an element is in viewport. (580 bytes and IE9+)

Lab Pixicam ⭐ 50

A matrix based 2d camera to use in pixi.js

Perspective Camera ⭐ 50

a high-level 3D perspective camera

Ott Multiview ⭐ 50

This is a web based multiview screen for HLS and MPEG-DASH streams based on hls.js and Shaka Player.

Ember Sticky Element ⭐ 50

An ember component that mimics the functionality of `position: sticky`

React Intersection Visible ⭐ 48

HOC to track when a component enters the visible viewport.

Three Vue Viewport ⭐ 48

A Three.js & Vue.js viewport component for 3D applications.

Vue Viewport ⭐ 47

Vue plugin for detecting when elements enter and leave the viewport

Modularscroll ⭐ 47

♢ Dead simple elements in viewport detection.

Viewport List ⭐ 46

Return a list of devices and their viewports

Openseadragonfabricjsoverlay ⭐ 46

fabricjs canvas overlay for openseadragon

Redux Map Gl ⭐ 46

Automatically manages react-map-gl state in your redux store.

Mobile Viewport Control ⭐ 45

Dynamically control the mobile viewport

An emulator for building and debugging device orientation and screen orientation based web applications

Pageshot ⭐ 44

Pageshot as a service.

React Cloudimage Responsive ⭐ 43

Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load. Any questions or issues, please report to https://github.com/scaleflex/react-cloudimage-resp

Capture Electron ⭐ 42

Capture screenshots using Electron

📈 a server that generate chart image using phantom

[Beta] Smooth Scrolling for the win.

Jquery.stickonscroll ⭐ 41

A jQuery plugin for making elements fixed on the top of the page when scrolling and scrolling that item up when it a specified footer element gets "close".

Ember Skeleton ⭐ 41

Show fast-loading temporary images in place of an eventual slow-loading image

React Map Gl Alt ⭐ 41

React Mapbox-GL-JS binding with improved performance, event and API exposure

Vue Scrollmonitor ⭐ 40

Wrapper to use the awesome scrollMonitor with [email protected]

Related Searches

Javascript Reactjs (116,303)

Javascript Deployment (32,768)

Javascript Express (27,853)

Javascript Css (25,620)

Javascript Html (24,117)

Javascript Command Line (22,145)

Javascript Testing (21,652)

Javascript Redux (21,545)

Javascript Mongodb (18,598)

Javascript Jquery (18,285)

101-200 of 492 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.