diogomoretti / Snakke.js
Licence: mit
đ Reading Position Indicator written in VanillaJS
Stars: â 36
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Snakke.js
Gumshoe
A simple vanilla JS scrollspy script.
Stars: â 640 (+1677.78%)
Mutual labels: scrolling, vanilla-js
Cardviewlist
An elegant and responsive CardView like Android on iOS with Swift. Available horizontal and vertical scrolling with full animations and customizable.
Stars: â 30 (-16.67%)
Mutual labels: scrolling
Brflabbytable
Bouncy and distorded table view cells, available on Cocoapods
Stars: â 824 (+2188.89%)
Mutual labels: scrolling
Fuckmyscroll.js
đŽ Animated scrolling to certain point or anchor
Stars: â 10 (-72.22%)
Mutual labels: scrolling
Push State
Turn static web sites into dynamic web apps.
Stars: â 16 (-55.56%)
Mutual labels: vanilla-js
Vanilla Emoji Picker
Modern emoji picker. Super light 2kb gzipped, simple and no frameworks đģ
Stars: â 20 (-44.44%)
Mutual labels: vanilla-js
Vanilla Lazyload
LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Stars: â 6,596 (+18222.22%)
Mutual labels: vanilla-js
Verticalviewpager
Vertical View Pager Scroll page in upward and downward direction. To know more See README.
Stars: â 33 (-8.33%)
Mutual labels: scrolling
Learn Vanilla Js
Open source list of paid & free resources to learn vanilla JavaScript
Stars: â 945 (+2525%)
Mutual labels: vanilla-js
Search Ui
đ A set of UI components to build a fully customized search!
Stars: â 24 (-33.33%)
Mutual labels: vanilla-js
Fullpage.js
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
Stars: â 32,974 (+91494.44%)
Mutual labels: scrolling
React Cool Inview
đ đĨī¸ React hook to monitor an element enters or leaves the viewport (or another element).
Stars: â 830 (+2205.56%)
Mutual labels: scrolling
React Picky Date Time
A react component for date time picker. Online demo examples
Stars: â 31 (-13.89%)
Mutual labels: scrolling
Scroll Into View If Needed
Element.scrollIntoView ponyfills for things like "if-needed" and "smooth"
Stars: â 811 (+2152.78%)
Mutual labels: scrolling
React Intersection Observer
React component for the Intersection <Observer /> API
Stars: â 940 (+2511.11%)
Mutual labels: scrolling
Android scroll endless
Scroll endless for Android recyclerview
Stars: â 12 (-66.67%)
Mutual labels: scrolling
Angular Drag Scroll
Lightweight drag to scroll directive for AngularJS
Stars: â 35 (-2.78%)
Mutual labels: scrolling
Regie
An observable state management tool for vanilla JS applications based on Proxies
Stars: â 33 (-8.33%)
Mutual labels: vanilla-js
Reading Position Indicator written in VanillaJS
Features
- Simple aproach
- No dependencies
-
< 1kb
minified
How to use
1 â Download the latest release
2 â Add snakke.min.js
(src
folder on zip
file) before the closing <body>
tag:
<script src="path/to/snakke.min.js"></script>
3 â Add simple rule in your CSS:
.snakke-bar {
/* Required style */
position: fixed;
top: 0;
left: 0;
transition: width .3s ease;
/* Below, your bar style */
height: 5px;
background: #2ecc71;
}
Development
-
gulp server
â Server to development (Go to http://localhost:7000) -
gulp build
â Generatesnakke.min.js
-
gulp tag
â Release a new version
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -am 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
License
MIT License Šī¸ Diogo Moretti
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].