CDN

<link href="https://unpkg.com/weavv-css@1.2.0/dist/weavv-1.2.0.min.css" rel="stylesheet" rel="preload" as="style" media="all" defer>

HTML

@import "https://unpkg.com/weavv-css@1.2.0/dist/weavv-1.2.0.min.css";

CSS

Note: The CDN build is a published version and always behind the latest update at the Github repository. (See Utility Map for new changes.)

Note: The CDN build file size is huge, ideal for prototyping. Unrecommended to use in production. Learn more about how to reduce the framework size efficiently. (See Reduce File Size )

Note: Using CDN does not have the benefit to use the @extend directive. (See Extract Utility Classes )

Package Manager

# YARN
$ yarn add weavv-css
# NPM
$ npm i weavv-css

TERMINAL

You can include the WEAVV CSS file from the node_modules directory with an HTML <link> tag or import the weavv.scss into .scss file with @import directive.

import 'weavv-css';

JavaScripts

@import 'node_modules/weavv-css/weavv';

SCSS

<link href="node_modules/weavv-css/dist/weavv-1.2.0.min.css" rel="stylesheet" rel="preload" as="style" media="all" defer>

HTML

Note: The node_modules is a published version and always behind the latest update at the Github repository.

Note: The CDN build file size is huge, ideal for prototyping. Unrecommended to use in production. Learn more about how to reduce the framework size efficiently. (See Reduce File Size )

CLI

To create a new project, run:

# YARN
$ yarn create weavv my-new-project
# NPM
$ npx weavv my-new-project

TERMINAL

The CLI gives you an optional tool to quickly installs and sets up a new frontend project with essential build tools such as preprocessors, postprocessors, etc. Use the tool for the production-ready build.

If you install the weavv-cli package to run locally, simply run weavv <project_name>,

# YARN
$ yarn global add weavv
# NPM
$ npm i -g weavv
# USAGE
$ weavv my-new-project

TERMINAL

Note: The CLI always comes with the latest build, including the unpublished changes.