View react-stylish-gallery on Snyk Open Source Advisor

Unable to verify the project's public source code repository.

Package Health Score

34 / 100

security
Security review needed
popularity
Limited
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

Security review needed

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.0.10	\|	10/2017	Popular	0 C 0 H 2 M 0 L	0 H 0 M 0 L
0.0.7	\|	09/2017		0 C 0 H 2 M 0 L	0 H 0 M 0 L

License

MIT

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (2)

Dependents: 1
GitHub Stars: ?
Forks: ?
Contributors: -

Direct Usage Popularity

The npm package react-stylish-gallery receives a total of 2 downloads a week. As such, we scored react-stylish-gallery popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package react-stylish-gallery, we found that it has been starred ? times, and that 1 other projects in the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 0
Funding: No

This project has seen only 10 or less contributors.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

Unavailable commit data

Open Issues: ?
Open PR: ?
Last Release: 5 years ago
Last Commit: unknown

Further analysis of the maintenance status of react-stylish-gallery based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for react-stylish-gallery is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 5 years
Dependencies: 6 Direct
Versions: 20
Install Size: 0 B
Dist-tags: 1
# of Files: 0
Maintainers: 1
TS Typings: No

react-stylish-gallery has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

Build Status

Description

Create beautiful responsive image galleries with easy to use React components. Check out the demos page for more examples

Instalation

npm i -S react-stylish-gallery

yarn add react-stylish-gallery

Usage

import React from 'react'
import { Gallery, Image, Overlay } from 'react-stylish-gallery'

export default () => (
  <Gallery withModal>
    <Image
      src='Your url'
      alt="Image 1"
    >
      <Overlay title="My first image">
    </Image>
    <Image
      src='Your url'
      alt="Image 2"
    >
      <Overlay title="My second image">
    </Image>
  </Gallery>
)

API

Galley properties

Description: Wrap your Image components inside the Gallery. Use it only if you have 2 or more Image components.

Prop Name	Type	Default	Requierd	Description
withModal	boolean	false	false	Defines if the images have modal when. clicked
infinite	boolean	false	false	Defines if the modal it's infinite (eg. after clicking 'next' on the last image, the first. image will appear)
theme	object	{}	false	Applies style to the Modal component.

Theme object properties

Note: This object applies style only to the Modal component!

Prop Name	Type	Default	Unit	Options	Description
animationEntrance	string			scaleUp	slideDown
animationExit	string			scaleDown	slideDown
animationTime	number	0	s(seconds)		Sets the time of the animations.
background	string	#000			Sets the background of the modal.
rightIconClassName	string				Sets the className of the right side icon.
leftIconClassName	string				Sets the className of the left side icon.
rightIconName	string				Sets the name of right side icon.
leftIconName	string				Sets the name of the left side icon.

Image properties

Description: This is the component which contains the actual image. Adjust the size to change the space occupied by the flex.

Prop Name	Type	Default	Requierd	Definition
src	string		true	Points to the source of your image
alt	string		true	Alt in case image url is broke
size	number	4	false	Size of the image in the row
height	number	auto	false	Sets the height of the image
pading	number	0	false	Sets the padding of the image
theme	object	{}	true	Applies style to the Image component
className	string		false	Applies style to the Image component
onClick	function		false	Add custom function when clicking on the image

Theme object options

Prop Name	Type	Default	Unit	Description
padding	number	0	rem	Set the total padding of the current image
height	number	auto	px	Set the height of the current image

Overlay properties

Description: Use to add an overlay over the Image component which can also display a text.

Prop Name	Type	Default	Requierd	Description
title	string		false	Displays a text over the overlay
theme	object	{}	true	Applies style to the Overlay component

Theme object options

Prop Name	Type	Default	Unit	Options	Description
animationName	string	fadeIn		fadeIn	slideDown
animationDuration	number	0.4	s(seconds)		Sets the duration of the animation
animationTimingFunction	string	ease-in		linear	ease
background	string	#000			Sets the background of the overlay
opacity	number	0.5			Sets the opacity of the background
fontSize	number	3	rem		Sets the font size of the title
color	string	#fff			Sets the color of the title

react-stylish-gallery dependencies

classnames flexboxgrid immutable react react-dom react-jss

FAQs

What is react-stylish-gallery?

Create responsive image galleries with easy to use React components. Visit Snyk Advisor to see a full health score report for react-stylish-gallery, including popularity, security, maintenance & community analysis.

Is react-stylish-gallery popular?

The npm package react-stylish-gallery receives a total of 2 weekly downloads. As such, react-stylish-gallery popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is react-stylish-gallery safe to use?

While scanning the latest version of react-stylish-gallery, we found that a security review is needed. A total of 2 vulnerabilities or license issues were detected. See the full security scan results.

Last updated on 27 September-2022, at 22:32 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP

Package Health Score

Explore Similar Packages

Security and license risk for significant versions

Is your project affected by vulnerabilities?

Weekly Downloads (2)

Direct Usage Popularity

Embed Package Health Score Badge

Commit Frequency

Keep your project healthy

Check your package.json

Snyk Vulnerability Scanner

Readme

Description

Instalation

Usage

API

Galley properties

Theme object properties

Image properties

Theme object options

Overlay properties

Theme object options

react-stylish-gallery dependencies

react-stylish-gallery development dependencies

FAQs

What is react-stylish-gallery?

Is react-stylish-gallery popular?

Is react-stylish-gallery safe to use?

Build a secure application checklist

Select a recommended open source package

Scan your app for vulnerabilities

Source Code

Open Source

Container

Config

Fix identified vulnerabilities

Monitor for new issues