ExyCSS is a front-end framework which simplifies website development, while remaining beautiful and functional. Flexible, it allows you to design your websites easily and quickly.
You can setup your project including ExyCSS with many options listed below.
Clone or download the repository and get files from the dist
folder. Then, add them to your project with the folowing code :
<head>
<link rel="stylesheet" type="text/css" href="/path/to/exy.min.css"/>
<script type="text/javascript" href="/path/to/exy.min.js"></script>
</head>
Include this snippet in your code :
<head>
<link rel="stylesheet" type="text/css" href="https://css.exybore.fr/dist/exy.min.css"/>
<script type="text/javascript" href="https://css.exybore.fr/dist/exy.min.js"
</head>
Download the framework using npm i exycss
. Then, load it in your main Javascript file :
import 'exycss/dist/exy.min.js'
import 'exycss/dist/exy.min.css' // Ensure you are using css-loader
The framework uses the Roboto font, and the Material Icons. Import them in your code :
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900" rel="stylesheet"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
Check the documentation to explore the framework's possibilities !
The framework uses ECMAScript 2015 and Stylus in its core. The bundles are generated by Webpack.
To develop the framework, first install dependencies :
npm install # if you use NPM
yarn install # if you use Yarn
Then, run the dev
script :
npm run dev
yarn run dev
Webpack will be watching for changes and generate the output in the dist
directory.
To compile the framework, run the build
script :
npm run build
yarn run build
Files will be minified and be outputed in the dist
directory.