Manipulate the DOM easily
SpacerJS is a lightweight JavaScript library that enables you to manipulate elements and the DOM easily.
SpacerJS main file only comes in at ~25kb un-minified and ~9kb minified.
SpacerJS receives frequent updates.
Since SpacerJS is written in typescript, bugs are rare and SpacerJS can be compatible with older versions of Ecmascript. (coming soon)
- Small package at ~9kb minified
- Over 55 different methods
- Smart selection
- Event listeners
- Trigger events
- Animating Elements
- Promises
- Setting Metadata
- ESM Module files minified and unminifed for your needs
- Add your own custom methods
- Hiding and Showing elements with set metadata
- Smart and compact on() event listener
- Adding and removing classes.
- Great Docs
- Easy to follow examples
- Testing Code
- And a lot more
- Download the latest release.
- And link the script tag with the defer attribute or at the bottom of the body tag.
- Done! Be sure to read the docs.
To get the ESModule version add .esm.js. Ex: https://cdn.jsdelivr.net/npm/spacerjs@2.1.0/build/Spacer.esm.min.js
Production
-
Copy paste the following script tag in the body or with the defer attribute
<script src="https://cdn.jsdelivr.net/npm/spacerjs@2.1.0/build/Spacer.min.js"></script> -
Done! Be sure to read the docs.
Development
-
Copy paste the following script tag in the body or with the defer attribute
<script src="https://cdn.jsdelivr.net/npm/spacerjs@2.1.0/build/Spacer.js"></script> -
Done! Be sure to read the docs.
- Run
npm install spacerjs. - Import it as a module OR link the script in the body or with the defer attribute.
- Done! Be sure to read the docs.
npm run minify
- Minifies with uglify-js
Requires a knowledge of NodeJS, TypeScript, and git.
- Read Code of Conduct.md & Contributing.md.
- Fork the repo.
- Make your edits and create a pull request with the appropriate labels.
- Your pull request will be reviewed and merged.
Maintained and created by: ksplatdev