cengizilhan / html-gulp-boilerplate-scss-gsap.js-sawacrow- Goto Github PK

View Code? Open in Web Editor NEW

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: Apache License 2.0

JavaScript 5.27% HTML 33.22% SCSS 61.51%

html-gulp-boilerplate-scss-gsap.js-sawacrow-'s Introduction

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

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

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

Install and Run

install /npm install or /yarn install
/npm run dev or /gulp for start

Vendors

Bootstrap
DDFullScreenMenu - Mobile menu
Glightbox - Lightbox alternative but better ( video support )
InputMask
sawaMotion - Scroll based animation trigger helper script for Gsap.js
superfish - Desktop multi menu
swiper
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

Recommend Projects