https://github.com/martijnkeesmaat/axis

Axis is a well thought out front-end structure that gets you quickly started with every web project.
https://github.com/martijnkeesmaat/axis

bem boilerplate components framework frontend modular

Last synced: 6 days ago
JSON representation

Axis is a well thought out front-end structure that gets you quickly started with every web project.

• Host: GitHub
• URL: https://github.com/martijnkeesmaat/axis
• Owner: MartijnKeesmaat
• Created: 2016-09-30T08:04:25.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-05-28T22:27:35.000Z (over 6 years ago)
• Last Synced: 2024-11-11T06:03:08.104Z (6 days ago)
• Topics: bem, boilerplate, components, framework, frontend, modular
• Language: CSS
• Homepage: https://martijnkeesmaat.github.io/axis/core.html
• Size: 82.8 MB
• Stars: 4
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


-




Axis is a component-driven boilerplate, which can be extended to a framework. It strives to create projects with beautifully organized code, this is achieved by adapting the BEM methodology and using a SMACSS inspired structure. With this approach you can create modular and scaleable front-end environment. 




## Quick start

Get your front-end environment up and running in 3 simple steps.

1. Clone or download this repo

2. Run ```npm install``` in the root folder

3. Run ```gulp```




## Core elements 

When downloaded you start out with the "core". 


This exist out of the styling of the [basic elements](https://martijnkeesmaat.github.io/components.html), like typhography, buttons, forms and more.




See the core elements







## Components

Axis has a various amount of pre-build components to develop at a faster rate. 


You choose which elements you want, so that you only get the elements you actually use.




See the components




## Docs

- [Project structure](https://github.com/MartijnKeesmaat/Axis/wiki/Project-structure)

- [Organizing code with comments](https://github.com/MartijnKeesmaat/Axis/wiki/Organizing-code-with-comments)

- [Gulp commands](https://github.com/MartijnKeesmaat/Axis/wiki/Gulp)