zoxon / Gulp Front
Licence: mit
Frontend boilerplate and framework based on gulp, pug, stylus and babel
Stars: ✭ 237
Projects that are alternatives of or similar to Gulp Front
Fomantic Ui
Fomantic-UI is a community fork of Semantic-UI
Stars: ✭ 2,755 (+1062.45%)
Mutual labels: hacktoberfest, css-framework, component-library
Primitive
⛏️ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+230.38%)
Mutual labels: css-framework, boilerplate, frontend
Front End Web Development Resources
This repository contains content which will be helpful in your journey as a front-end Web Developer
Stars: ✭ 3,452 (+1356.54%)
Mutual labels: hacktoberfest, css-framework, frontend
Front End Performance Checklist
🎮 더 빠르게 작동하는 프론트엔드 성능 체크리스트
Stars: ✭ 183 (-22.78%)
Mutual labels: hacktoberfest, frontend
Rinse React
🚿 Rinse, React, repeat. A boilerplate to build a React component library.
Stars: ✭ 165 (-30.38%)
Mutual labels: boilerplate, component-library
Baumeister
👷 The aim of this project is to help you to build your things. From Bootstrap themes over static websites to single page applications.
Stars: ✭ 171 (-27.85%)
Mutual labels: boilerplate, frontend
Oxygen Updater
Oxygen Updater App - faster access to OnePlus system updates. Be the first to update!
Stars: ✭ 135 (-43.04%)
Mutual labels: hacktoberfest, frontend
Resources
This repo is a one stop destination to find resources for learning various domains. You can find the roadmap for any domain here.
Stars: ✭ 198 (-16.46%)
Mutual labels: hacktoberfest, frontend
Bootstrap Italia
Bootstrap Italia è un tema Bootstrap 4 conforme alle linee guida di design per i servizi web della PA
Stars: ✭ 193 (-18.57%)
Mutual labels: hacktoberfest, frontend
Koa Vue Notes Web
🤓 This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.
Stars: ✭ 200 (-15.61%)
Mutual labels: boilerplate, frontend
Awesome Learning
Awesome Learning - Learn JavaScript and Front-End Fundamentals at your own pace
Stars: ✭ 216 (-8.86%)
Mutual labels: hacktoberfest, frontend
Bookmarks.dev
Bookmarks and Code Snippets Manager for Developers & Co
Stars: ✭ 218 (-8.02%)
Mutual labels: hacktoberfest, frontend
Awesome Ember
A curated list of awesome Ember.js stuff like addons, articles, videos, gists and more.
Stars: ✭ 140 (-40.93%)
Mutual labels: hacktoberfest, frontend
Rails api base
API boilerplate project for Ruby On Rails 6
Stars: ✭ 172 (-27.43%)
Mutual labels: hacktoberfest, boilerplate
Styleguide
The VTEX Design System and React component library.
Stars: ✭ 138 (-41.77%)
Mutual labels: hacktoberfest, component-library
Yii2 Angular Boilerplate
Yii2 REST API + Angular10 Boilerplate (Frontend/Backend)
Stars: ✭ 194 (-18.14%)
Mutual labels: boilerplate, frontend
Mern Authentication
MERN stack authentication boilerplate: password reset, email verification, server sessions, redux, hooks and docker for dev and prod.
Stars: ✭ 129 (-45.57%)
Mutual labels: boilerplate, frontend
Webpack Pug Scss Boilerplate
📂 Webpack 4 based boilerplate for building apps
Stars: ✭ 135 (-43.04%)
Mutual labels: boilerplate, pug
Gulp Front
A lean and powerful, gulp-based boilerplate for better front-end coding with Gulp, Pug and Stylus
Demo
Documentation
More information see in docs folder
Core features
- Modern and fast build tool
- Module based BEM CSS framework
- Automatic icon system based on SVG Symbols
- Easy PNG Sprites generation (including @2x)
- A convenient @media mixins
- Smart image compression
Quickstart
-
Install the node.js
-
Clone the project or download the file
git clone [email protected]:zoxon/gulp-front.git --depth 1 my-project
-
Go to project folder and run
npm run setup
-
Start dev server
npm start
-
In browser open page with address
http://localhost:3000/
Main tasks
-
npm run dev
- launches watchers and server -
npm run build
- compile a project -
npm run zip
- compile a project in zip -
npm run deploy
- compile a project and push inbuild
branch to git repository -
npm run cleanup
- remove demo app
Module generator
Create empty module by name in source/modules
folder
By default generate only *.pug
and *.styl
files.
You can call npm run new
with additional params like js
and yml
npm run new <module-name> [js || yml]
License
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].