npmpackage.info

@glidejs/glide

A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

3.7.1

7,380

MIT

JavaScript

7.68 kB

23,810,210 3.1

Installations

npm install @glidejs/glide

Score

99.7

Supply Chain

100

Quality

87.8

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

12

Total

123

Closed

32

Merged

79

Issues

Open

225

Total

562

Closed

337

Releases

v3.7.1

Published on 22 Nov 2024

v3.7.0

Published on 20 Nov 2024

v3.6.2

Published on 04 Jul 2024

v3.6.1

Published on 15 Sept 2023

v3.6.0

Published on 27 Sept 2022

v3.5.2

Published on 28 Nov 2021

View all 37 releases

Contributors

View all 53 contributors

Developer

glidejs

Developer Guide

BETA

Module System

ESM

Min. Node Version

Typescript Support

No

Node Version

14.21.3

NPM Version

6.14.18 Statistics

7,380 Stars

608 Commits

771 Forks

136 Watching

4 Branches

53 Contributors

Updated on 28 Nov 2024

Bundle Size

26.97 kB

Minified

7.68 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (97.22%)

SCSS (2.78%)

Total Downloads

Cumulative downloads

Total Downloads

23,810,210

Last day

-4.4%

21,082

Compared to previous day

Last week

4.5%

118,329

Compared to previous week

Last month

1.9%

489,774

Compared to previous month

Last year

1.1%

5,806,708

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@babel/core @babel/preset-env @rollup/plugin-babel babel-jest eslint eslint-config-standard eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard jest jsdom rollup rollup-plugin-terser sass stylelint stylelint-config-standard stylelint-scss

Versions

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

What can convince you:

Dependency-free. Everything included, ready for action.
Lightweight. Only ~23kb (~7kb gzipped) with every functionality on board.
Modular. Remove unused modules and drop script weight even more.
Extendable. Plug-in your own modules with additional functionalities.
Bundlers ready. Using Rollup or Webpack? We have your back.

Documentation

Visit glidejs.com for documentation.

Looking for old documentation? Wiki contains archived documentation of Glide.js in version ^2.0.0.

Donation

Glide.js is an open source project licensed under the MIT license. It's completely free to use. However, it would be great if you buy me a cup of coffee once in a while to keep me awake :)

Getting started

Pull-in a latest version with NPM ...

1npm install @glidejs/glide

... provide <link> to the required core stylesheet. You can also optionally add an included theme stylesheet ...

1<!-- Required Core stylesheet -->
2<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.core.min.css">
3
4<!-- Optional Theme stylesheet -->
5<link rel="stylesheet" href="node_modules/@glidejs/glide/dist/css/glide.theme.min.css">

... then, prepare a little bit of necessary markup ...

1<div class="glide">
2  <div data-glide-el="track" class="glide__track">
3    <ul class="glide__slides">
4      <li class="glide__slide"></li>
5      <li class="glide__slide"></li>
6      <li class="glide__slide"></li>
7    </ul>
8  </div>
9</div>

... and finally, initialize and mount a Glide.

1import Glide from '@glidejs/glide'
2
3new Glide('.glide').mount()

Need a few selected modules? Import and mount only what you need.

1import Glide, { Controls, Breakpoints } from '@glidejs/glide/dist/glide.modular.esm'
2
3new Glide('.glide').mount({ Controls, Breakpoints })

Contributing

The issue channel is especially for improvement proposals and bug reporting. If you have implementing problems, please write on StackOverflow with glidejs tag.

Browser Support

IE 11+
Edge
Chrome 10+
Firefox 10+
Opera 15+
Safari 5.1+
Safari iOS 9+

Building

Build using NPM scripts. The following scripts are available:

build:css - Outputs CSS files from SASS files.
build:js - Outputs all destination variants of the script.
build - Comprehensively builds the entire library.
test - Runs complete test suite.
lint - Lints library JavaScript files.

Credits

Jędrzej Chałubek - Creator
Contributors

License

No vulnerabilities found.

10

Binary-Artifacts

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

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

6

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 6

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/node.js.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/npm-publish.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/npm-publish.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/npm-publish.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/npm-publish.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/upload-assets-to-tags.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/upload-assets-to-tags.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/upload-assets-to-tags.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/upload-assets-to-tags.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/upload-assets-to-tags.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/glidejs/glide/upload-assets-to-tags.yml/master?enable=pin
Info: 0 out of 8 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 third-party GitHubAction dependencies pinned
Info: 4 out of 4 npmCommand dependencies pinned

3

Code-Review

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

3

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

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

Signed-Releases

Determines if the project cryptographically signs release artifacts.

0

Branch-Protection

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

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.1

/10

Last Scanned on 2024-11-25

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