Lightweight and minimal code. Spend less time overriding styles and focus more time on creating beautiful website applications.
Base itself is a pretty thin CSS framework built on top of Normalize CSS. Include what you need on top of Base such as custom typography, custom grids, components and make it yours.
If you are creating a new project from scratch, it is recommended that you use the base starter.
git clone https://github.com/getbase/starter.git --depth=1 \
new-website && cd new-website && rm -rf .git && \
npm install && npm startFor existing projects, simply install base using NPM.
npm install --save @getbase/baseOnce you have Base installed, you can choose what to import and include your own custom styles.
/* Import the entire Base Framework */
@import url("https://unpkg.com/@getbase/base/index.css");
/* OR import only what you need */
@import url("https://unpkg.com/@getbase/base/css/core.css");
@import url("https://unpkg.com/@getbase/base/css/grid.css");/* Import the entire Base Framework */
@import "~@getbase/base/scss/index";
/* OR import only what you need */
@import "~getbase/base/scss/core";
@import "~getbase/base/scss/grid";
/* Your Other Styles */
@import "main";The best way to get started is to view the Base Styleguide
There are a collection of free templates built with Base which are available to download on Gumroad.
- IE10+ and all other modern browsers.
- Please specify browsers you need to support in
package.jsonaccording to browserslist docs.
- Thanks to Nicolas Gallagher (@necolas) for (Normalize.css)[https://github.com/necolas/normalize.css/]
Code released under the MIT Open Source license.