helloFront - Boilerplate SCSS / PUG / ES6

  •        178

Boilerplate SCSS / PUG / ES6 for clean and fast Front-end project. Work on src/ folder and gulp build in dist/.

https://github.com/sutter/helloFront#readme
https://github.com/sutter/helloFront

Dependencies:

babel-core : ^6.26.3
babel-loader : ^7.1.4
babel-preset-env : ^1.7.0
del : ^3.0.0
gulp : ^3.9.1
gulp-autoprefixer : ^5.0.0
gulp-csso : ^3.0.1
gulp-htmlmin : ^4.0.0
gulp-iconfont : ^9.1.0
gulp-iconfont-css : ^2.1.0
gulp-imagemin : ^4.1.0
gulp-notify : ^3.2.0
gulp-plumber : ^1.2.0
gulp-pug : ^4.0.1
gulp-rev : ^8.1.1
gulp-rev-delete-original : ^0.2.3
gulp-rev-replace : ^0.4.3
gulp-sass : ^4.0.1
gulp-shell : ^0.6.5
gulp-size : ^3.0.0
gulp-sourcemaps : ^2.6.4
gulp-svgmin : ^1.2.4
gulp-util : ^3.0.8
gulp-watch : ^5.0.0
minimist : ^1.2.0
require-dir : ^1.0.0
run-sequence : ^2.2.1
size : ^1.0.0
uglifyjs-webpack-plugin : ^1.2.5
vinyl-named : ^1.1.0
webpack : ^3.11.0
webpack-merge : ^4.1.2
webpack-stream : ^4.0.3
what-input : ^5.1.0

Tags
Implementation
License
Platform

   




Related Projects

preact-starter - Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact

  •    Javascript

Using preact-starter will kickstart your next application! 💯 It is designed to fit the "90% use-case" for those who want to build offline-first web apps (see features below).

apollo-universal-starter-kit - Apollo 2 Universal Starter Kit — GraphQL React JavaScript app boilerplate for Mobile, Server and Web where code for all platforms built with Webpack to enable max code reuse, stack: Apollo, GraphQL, React 16, React Native, Expo, Express, Knex, SQLite, Twitter Bootstrap, Babel, Webpack

  •    Javascript

Apollo Universal Starter Kit is a SEO friendly boilerplate for Universal Mobile and Web app development built on top of Apollo, GraphQL, React 16, React Native, Expo, Redux, Express with SQL storage support, for styling Twitter Bootstrap, NativeBase and Ant Design integration. Hot Code Reload of back end & front end using Webpack and Hot Module Replacement to reflect your changes instantly and help you stay productive. This starter kit adds full React Native integration, with Webpack as a packager and Expo. No native code compilation tools are needed in order to develop native mobile applications with this kit. You are able to run both web and mobile versions of your app at the same time connected to the same backend.

sassy-starter - :tada: Sassy starter - HTML / SCSS (SMACSS)

  •    CSS

For theming: add separate file (theme.scss) insrc/scss/themes/, override the default $theme variable, and run gulp themes. Developed by @MinaMarkham. Please list all bugs and feature requests in the Github issue tracker.

generator-jekyllized - A Yeoman generator for Jekyll to rapidly build sites using Gulp

  •    Javascript

generator-jekyllized is a very opinionated Yeoman generator built with Jekyll and gulp. You will be able to quickly scaffold your site and start developing. As you are working on your site your assets will automatically be updated and injected into your browser as well as your posts. When you are done developing and want to publish it you are two commands away from having everything optimized and published. While developing locally everything you change will automatically be updated and injected into your browser. Changing your SCSS or JavaScript files will automatically updated them, create sourcemaps and inject them. Writing or editing posts and pages for your website will do the same. Simple and effective.


harp - Static Site Server/Generator with built-in preprocessing

  •    Javascript

Harp is a static web server that also serves Jade, Markdown, EJS, Less, Stylus, Sass, and CoffeeScript as HTML, CSS, and JavaScript without any configuration. It supports the beloved layout/partial paradigm and it has flexible metadata and global objects for traversing the file system and injecting custom data into templates. Optionally, Harp can also compile your project down to static assets for hosting behind any valid HTTP server. Pre-compilers are becoming extremely powerful and shipping front-ends as static assets has many upsides. It's simple, it's easy to maintain, it's low risk, easy to scale, and requires low cognitive overhead. I wanted a lightweight web server that was powerful enough for me to abandon web frameworks for dead simple front-end publishing.

generator-mobile - Scaffold out a mobile project based on Web Starter Kit

  •    Javascript

A mobile-first generator based on Web Starter Kit.In addition to what Web Starter Kit already provides, this generator creates a deploy task.

generator-jekyllrb - Supercharge Jekyll development with Yeoman. Yo, Jekyllrb!

  •    Javascript

Generator-jekyllrb wraps the Jekyll static site generator in a Yeoman development workflow. Scaffold your site with Yo, manage front end packages with Bower, and automate development and build tasks with Grunt. Generator-jekyllrb is ideal for developing performant static sites and prototyping dynamic sites and apps (especially if the final version uses Yeoman too). It's also a great introduction to Yeoman if you're not familiar with JavaScript MV* frameworks.

Middleman - Hand-crafted frontend development

  •    Ruby

Middleman is a static site generator using all the shortcuts and tools in modern web development. These days, many websites are built with an API in mind. Rather than package the frontend and the backend together, both can be built and deployed independently using the public API to pull data from the backend and display it on the frontend. Static websites are incredibly fast and require very little RAM. A front-end built to stand-alone can be deployed directly to the cloud or a CDN. Many designers and developers simply deliver static HTML/JS/CSS to their clients.

redux-webpack-es6-boilerplate - A starter project for modern React apps with Redux

  •    Javascript

Note: If you still want to use a previous version, please checkout old-original-structure branch. A boilerplate using the power and simplicity of React, Redux, Webpack 2 + HMR, and ES6 + JSX via Babel. Includes Webpack's Tree Shaking configuration. It's suitable for scalable applications and organized using the custom variation of the Ducks pattern — approach when each module's entry file (feature-name.js) contains all of its related constants, actions/action creators, selectors and its reducer.

spaceBase - A Sass-based responsive CSS framework.

  •    CSS

Many CSS frameworks are meant to be included and left alone. But spaceBase is a boilerplate layer that can be built upon and tailored for your needs. It combines best practices for today’s responsive web with the core components we use on every project. Consider it the launch pad for your adventures into cyberspace. spaceBase is the front-end starter files for any new web project. It sets up your Sass architecture and normalizes your CSS and native HTML elements. It provides the structural groundwork for your application.

victor-hugo - Victor Hugo is a Hugo boilerplate for creating truly epic websites!

  •    Javascript

This is a boilerplate for using Hugo as a static site generator and Gulp + Webpack as your asset pipeline.Victor Hugo setup to use PostCSS and Babel for CSS and JavaScript compiling/transpiling.

victor-hugo - Victor Hugo is a Hugo boilerplate for creating truly epic websites!

  •    Javascript

This is a boilerplate for using Hugo as a static site generator and Gulp + Webpack as your asset pipeline. Victor Hugo setup to use PostCSS and Babel for CSS and JavaScript compiling/transpiling.

megaboilerplate - Handcrafted starter projects, optimized for simplicity and ease of use.

  •    CSS

Mega Boilerplate is a starter project generator that focuses on simplicity and ease of use, while providing you with flexibility of choices. It was heavily inspired by the Hackathon Starter, but unlike it, you can customize any part of your application stack — from web framework and database to CSS preprocessor and client-side JavaScript framework. Currently, generators are primarily limited to Node.js web apps, but I am planning to expand support for other platforms and languages in the near future.Note: If you have selected Gulp or NPM build tool, you may also need to run npm run build command.

angular-starter - :tada: An Angular Starter kit featuring Angular (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes, AoT via ngc), Karma, Protractor, Jasmine, Istanbul, TypeScript, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack by @TipeIO

  •    Javascript

An Angular starter kit featuring Angular 5, Ahead of Time Compile, Router, Forms, Http, Services, Tests, E2E), Karma, Protractor, Jasmine, Istanbul, TypeScript, @types, TsLint, Codelyzer, Hot Module Replacement, and Webpack by AngularClass.This seed repo serves as an Angular starter for anyone looking to get up and running with Angular and TypeScript fast. Using a Webpack 3 for building our files and assisting with boilerplate. We're also using Protractor for our end-to-end story and Karma for our unit tests.

rin - A Lean HTML & SASS Boilerplate

  •    CSS

A lean, gulp-based HTML & SASS boilerplate for better front-end coding. Note: If you have already installed gulp, skip this section.

kickoff - :basketball: A lightweight front-end framework for creating scalable, responsive sites

  •    CSS

Kickoff's demo and documentation site is hosted at trykickoff.com. Our Yeoman Generator is the best way to get Kickoff each time you want to start a new project, visit trykickoff.com/docs/yeoman.html for more info.

Harvest - Front-end boilerplate for Gulp with everything you need to get started

  •    ApacheConf

Front-end boilerplate for Gulp with everything you need to get started. The current phases of work is being maintained on thos KANBAN: https://tree.taiga.io/project/ryanbenson-harvest-20/kanban so if you want to see how things are proressing you can see what's going on. If you have any ideas or thoughts let me know, as now is the time.