A lightweight and flexible CSS Framework for building modern responsive web apps.

  • Built with flexbox
  • Mobile friendly layout
  • ~12KB minified and gzipped


There are 3 ways to get started

yarn add @moyu/pointcss
npm install @moyu/pointcss --save
Download and use production file
<link rel="stylesheet" href="dist/point.min.css" />


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

Install the dependence
yarn add @moyu/pointcss --dev
Set your variables

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

$color-primary:                         #636AFF; // primary
$color-danger:                          #ff2d20; // negative
$color-success:                         #15CD72; // positive
$color-info:                            #0069ff; // accent
$color-warning:                         #ED6E33; // warning
Import pointcss at the end of your code
// overwrite variables
$color-primary:                         #636AFF;

// your code
// ...
@import "node_modules/@moyu/pointcss/point"

Browser Support

pointcss 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+

Designed and built by MOYU. Licensed under the MIT License.