Installations

npm install @owaiswiz/use-in-view

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Min. Node Version

>=8

Node Version

12.21.0

NPM Version

6.14.11 Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

1

JavaScript

JavaScript (100%)

Developer

owaiswiz

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

MIT License

3 Stars

54 Commits

2 Branches

1 Contributors

Updated on Jul 10, 2023

Maintainers

1

View All 1 Contributors

Package Meta Information

Latest Version

1.0.16

Package Id

@owaiswiz/use-in-view@1.0.16

Unpacked Size

4.87 kB

Size

2.40 kB

File Count

4

NPM Version

6.14.11

Node Version

12.21.0

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

2

lodash.throttle react

Peer Dependencies

1

react

Dev Dependencies

23

useInView

Check if your component is in viewport using this simple hook!

GitHub top language npm bundle size (scoped) David

⭐ ⭐ Check out a working demo here ⭐ ⭐

Install

$ yarn add use-in-view

Usage

1import useInView from 'use-in-view';
2
3const AnimatedComponent = () => {
4	const offset = 30;
5	const [ref, inView] = useInView(offset);
6
7	return (
8		<div className={`${inView && 'in-view'}`} ref={ref}>
9			Animate me!
10		</div>
11	);
12};

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

0

Maintained

Determines if the project is "actively maintained".

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

SAST

Determines if the project uses static code analysis.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

Score

3

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More