Skip to content

This HTML boilerplate is prepared by bringing together essential packages such as SCSS, jQuery, form mask js, animation js, Bootstrap, mobile menu, desktop multi-menu, and Swiper js, creating a ready-to-use template for every HTML project.

License

Notifications You must be signed in to change notification settings

cengizilhan/HTML-Gulp-Boilerplate-Scss-Gsap.js-Sawacrow-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML Gulp Boilerplate ( Scss,Gsap.js, Sawacrow )

This HTML boilerplate is prepared by bringing together essential packages such as SCSS, jQuery, form mask js, animation js, Bootstrap, mobile menu, desktop multi-menu, and Swiper js, creating a ready-to-use template for every HTML project.

https://github.com/cengizilhan https://www.linkedin.com/in/cengizilhan/

https://github.com/otabekgh https://www.linkedin.com/in/otabekgh/

Install and Run

  1. install /npm install or /yarn install
  2. /npm run dev or /gulp for start

Vendors

  1. Bootstrap
  2. DDFullScreenMenu - Mobile menu
  3. Glightbox - Lightbox alternative but better ( video support )
  4. InputMask
  5. sawaMotion - Scroll based animation trigger helper script for Gsap.js
  6. superfish - Desktop multi menu
  7. swiper
  8. Gsap - animation library

Input Mask

run by attribute

<input data-inputmask="'alias': 'email'" />
<input data-inputmask="'alias': 'datetime'" />
<input data-inputmask="'mask': '9', 'repeat': 10, 'greedy' : false" />
<input data-inputmask="'mask': '99-9999999'" />
<input  type="text" class="form-control"  data-inputmask="'mask': 'a', 'repeat': 30, 'greedy' : false"  aria-describedby="emailHelp" placeholder="First Name*">
letters only
<input placeholder="testt" id="example232"  data-inputmask-regex="[a-zA-Z- ]*" />

https://github.com/RobinHerbots/Inputmask

Flatpickr

<input class="flatpickr flatpickr-input" type="text" placeholder="Select Date.." data-id="minDate" readonly="readonly">

https://flatpickr.js.org/examples/#mindate-and-maxdate

About

This HTML boilerplate is prepared by bringing together essential packages such as SCSS, jQuery, form mask js, animation js, Bootstrap, mobile menu, desktop multi-menu, and Swiper js, creating a ready-to-use template for every HTML project.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published