Getting started


Point is a flexible CSS Framework for building modern responsive web apps.

  • Built with Flexbox
  • Mobile-First
  • BEM, Namespaces, Modular, Beautiful code
  • 12KB minified and gzipped


There are 3 ways to start

Install with Yarn

yarn add point-sass

Install with NPM

npm install point-sass --save

Direct <script> Include

<link rel="stylesheet" href="dist/point.min.css" />


Point is coded in SASS, If you're familiar with it, You can continue.

1. Install the dependence

yarn add point-sass --dev

2. Set your variables

you can reference all initial variables in scss/_vars.scss

$master-palette: (
  primary: #e74c3c

$link-color: #e74c3c;

3. Import Point at the end of your code

$master-palette: (
  primary: #e74c3c

$link-color: #e74c3c;

// Your code

@import "node_modules/point-sass/point"

Browser Support

Point uses Normalize.css for CSS reset and Autoprefixer to make styles compatible with earlier browser versions. For best user experience, these browsers are recommended:

  • Chrome
  • Firefox
  • Safari
  • Opera
  • Microsoft Edge
  • Internet Explorer 10+

Code copyright 2017 moyu. Code released under the MIT license.