Top 13 viewport Open-Source Projects

• react-intersection-observer

  9 4,791 7.4 TypeScript

  React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

• scrollMonitor

  1 3,305 0.0 TypeScript

  A simple and fast API to monitor elements as you scroll

• SurveyJS

  surveyjs.io sponsored

  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.

  

• react-cool-inview

  1 1,461 3.9 TypeScript

  😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

• react-awesome-reveal

  5 1,048 7.2 TypeScript

  React components to add reveal animations using the Intersection Observer API and CSS Animations.

Project mention: Top 7 Next.js Animation Libraries in 2023 | dev.to | 2023-08-09

• svelte-inview

  2 728 4.5 TypeScript

  A Svelte action that monitors an element enters or leaves the viewport.🔥

• motus

  1 633 0.0 JavaScript

  Animation library that mimics CSS keyframes when scrolling.

• vue-mq

  2 536 0.0 JavaScript

  📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.

• InfluxDB

  www.influxdata.com 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.

  

• react-on-screen

  1 402 0.0 JavaScript

  Check if a react component in the viewport

• react-in-viewport

  1 335 4.7 TypeScript

  Detect if React component is in viewport

• Flowless

  4 179 6.1 Java

  Efficient VirtualFlow for JavaFX

  

Project mention: RecyclerView + Glide alternatives? | /r/JavaFX | 2023-07-10

Flowless - Efficient VirtualFlow for JavaFX. VirtualFlow is a layout container that lays out cells in a vertical or horizontal flow. The main feature of a virtual flow is that only the currently visible cells are rendered in the scene. You may have a list of thousands of items, but only, say, 30 cells are rendered at any given time.

• viewport-spy

  1 30 0.0 GDScript

  Godot editor UI to spy on what a Viewport is rendering. Useful for debugging.

  

• blender-dof-utils

  1 25 4.6 Python

  depth of field utilities

• react-intersection-revealer

  1 2 0.0 TypeScript

  An easy-to-use React hook that tells you whether a component/element is visible on the viewport currently, and if yes, how much of it is visible.

viewport related posts

• RecyclerView + Glide alternatives?
  3 projects | /r/JavaFX | 10 Jul 2023
• Help converting a small file from vue 2 to vue 3
  1 project | /r/vuejs | 24 Nov 2022
• BCEdit180: A bytecode editor I wrote that lets you modify, add and remove method instructions, create a class from scratch, etc
  2 projects | /r/java | 30 Jul 2022
• Improve website speed – be faster than your competitors!
  1 project | dev.to | 1 Apr 2022
• RichTextFX: Open source libraries for making a text viewer / editor
  3 projects | /r/JavaFX | 25 Mar 2022
• I'm building the personal finance app I always wanted. Some tables and formulas inspired by Excel. Bank imports and categorization like in smartphone apps. 27" display table overview, still able to check pizza budget on phone.
  1 project | /r/vuejs | 5 Oct 2021
• React Hooks for infinite scroll: An advanced tutorial
  2 projects | dev.to | 27 Sep 2021
• A note from our sponsor - InfluxDB
  www.influxdata.com | 25 Apr 2024

  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. Learn more →

Index

Sponsored

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.com