All Projects → imarc → Boilerplate

imarc / Boilerplate

Licence: other
Responsive CSS, HTML and JavaScript front-end starting point.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Boilerplate

React Native Web Monorepo
Code sharing between iOS, Android & Web using monorepo
Stars: ✭ 697 (+1352.08%)
Mutual labels:  hacktoberfest, boilerplate
Next Boilerplate
A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/
Stars: ✭ 936 (+1850%)
Mutual labels:  boilerplate, sass
Laravel Boilerplate
Laravel Boilerplate / Starter Kit with Gentelella Admin Theme
Stars: ✭ 704 (+1366.67%)
Mutual labels:  hacktoberfest, boilerplate
Flask Empty
An empty project skeleton / boilerplate for flask projects. Powered by CookieCutter.
Stars: ✭ 569 (+1085.42%)
Mutual labels:  hacktoberfest, boilerplate
Web Extension Starter
🖥🔋Web Extension starter to build "Write Once Run on Any Browser" extension
Stars: ✭ 987 (+1956.25%)
Mutual labels:  boilerplate, sass
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632 (+1216.67%)
Mutual labels:  boilerplate, sass
Primitive
⛏️ ‎ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+1531.25%)
Mutual labels:  boilerplate, sass
Magento2 Frontools
Set of front-end tools for Magento 2 based on Gulp.js
Stars: ✭ 416 (+766.67%)
Mutual labels:  hacktoberfest, sass
Html Sass Babel Webpack Boilerplate
Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload
Stars: ✭ 35 (-27.08%)
Mutual labels:  boilerplate, sass
Hackathon Starter
A boilerplate for Node.js web applications
Stars: ✭ 32,485 (+67577.08%)
Mutual labels:  hacktoberfest, boilerplate
Redux Webpack Es6 Boilerplate
A starter project for modern React apps with Redux
Stars: ✭ 566 (+1079.17%)
Mutual labels:  boilerplate, sass
Grunt Frontend Workflow
Structured, modular and test-driven front-end development and build workflow with Grunt task runner. Includes boilerplate code for Backbone with single/multipage RequireJS setup, and a RESTful API for prototyping.
Stars: ✭ 44 (-8.33%)
Mutual labels:  boilerplate, sass
Fastshell
Fiercely quick front-end boilerplate and workflows, HTML5, Gulp, Sass
Stars: ✭ 563 (+1072.92%)
Mutual labels:  boilerplate, sass
Backslide
💦 CLI tool for making HTML presentations with Remark.js using Markdown
Stars: ✭ 679 (+1314.58%)
Mutual labels:  hacktoberfest, sass
Laravel Vue Boilerplate
🐘 A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
Stars: ✭ 472 (+883.33%)
Mutual labels:  boilerplate, sass
Sassy Starter
🎉 Sassy starter - HTML / SCSS (SMACSS)
Stars: ✭ 740 (+1441.67%)
Mutual labels:  boilerplate, sass
Webpack Boilerplate
A minimal webpack 5 boilerplate with only Babel, SASS and lodash (optional) on board
Stars: ✭ 404 (+741.67%)
Mutual labels:  boilerplate, sass
Wordpress Plugin Boilerplate Powered
Wordpress Plugin Boilerplate but Powered with examples and a generator!
Stars: ✭ 413 (+760.42%)
Mutual labels:  hacktoberfest, boilerplate
Gulp Boilerplate
A boilerplate for building web projects with Gulp.js.
Stars: ✭ 840 (+1650%)
Mutual labels:  boilerplate, sass
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+2016.67%)
Mutual labels:  boilerplate, sass

Imarc Boilerplate

This is a framework for frontend development. It includes

This is the slimmed down version of imarc/boilerplate-components as it starts with only the utilities and base files from that repository.

If you want to slim down what's provided even more, you can change $use-boilerplate-classes to false in variables.scss to disable all the classes and only get mixins. (You will still get classes from Slick and FontAwesome.)

While we encourage you to read the builtin documentation, some highlights are

Notes

Some components were carried over from version 3, but were not updated to the latest practices and syntax. These are flagged as DEPRECATED within the pattern library, and may be removed entirely in a future release.

Getting Started

Within a new project, make sure you first have an existing package.json. If you don't have one, you can create one by running

npm init -y

After that, run

npx imarc/boilerplate

NPX should automatically copy the resource folder to your project, add dependencies to your package.json, and even add scripts to your package.json file.

Usage

After running npx above, your project will be automatically setup so you can run

  • npm run dev to run the development build (make sourcemaps, don't minify, etc.)
  • npm run prod to run the production build.
  • npm run watch to watches files for changes and automatically re-run the development build.

To locally serve the pattern library:

  • npm run fractal start -w to run a local server and watch for changes

And lastly, to build the pattern library:

  • npm run fractal build

You can customize this behavior further by editing either the webpack.mix.js or fractal.js files per the Laravel Mix or Fractal documentation respectively.

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