All Projects → zoxon → Gulp Front

zoxon / Gulp Front

Licence: mit
Frontend boilerplate and framework based on gulp, pug, stylus and babel

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
Lazy
Kule Lazy4 / CSS Framework
Stars: ✭ 147 (-37.97%)
Mutual labels:  css-framework, 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
Appy
🚀 A full stack boilerplate web app
Stars: ✭ 225 (-5.06%)
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

Build Status GitHub issues GitHub forks GitHub stars GitHub license Join the chat at https://t.me/gulpfront Join the chat at https://gitter.im/zoxon/gulp-front

Demo

zoxon.github.io/gulp-front

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

  1. Install the node.js

  2. Clone the project or download the file

    git clone [email protected]:zoxon/gulp-front.git --depth 1 my-project
    
  3. Go to project folder and run

    npm run setup
    
  4. Start dev server

    npm start
    
  5. 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 in build 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

The MIT License (MIT)

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].