# @blexar/framework > CSS framework to establish your favorite websites in mints, with user experience in mind. Latest version **0.0.34** (published 2019-06-24) · MIT license · 0 weekly downloads ## Install ```sh npm install @blexar/framework pnpm add @blexar/framework yarn add @blexar/framework bun add @blexar/framework ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.0.34 | | Published | 2019-06-24 | | First published | 2018-09-01 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 2 | | Unpacked size | 292.4 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Author | Abdelrahman Ismail | | Maintainers | abdelrahman3d, logaretm | | Keywords | CSS, framework | ## Links - npm: https://www.npmjs.com/package/@blexar/framework - Repository: https://github.com/baianat/blexar - Homepage: https://github.com/baianat/blexar#readme - Issues: https://github.com/baianat/blexar/issues - npm.io page: https://npm.io/package/@blexar/framework ## Dependencies (2) - [date-fns](https://npm.io/package/date-fns.md) ^2.0.0-alpha.16 - [color-fns](https://npm.io/package/color-fns.md) ^0.0.7 ## Alternatives - [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads - [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads - [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads - [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads - [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads ## Recent versions - 0.0.34 (latest) — 2019-06-24 - 0.0.33 — 2019-02-15 - 0.0.32 — 2018-12-09 - 0.0.31 — 2018-11-26 - 0.0.30 — 2018-11-20 - 0.0.29 — 2018-11-19 - 0.0.28 — 2018-11-18 - 0.0.27 — 2018-11-17 - 0.0.26 — 2018-11-17 - 0.0.25 — 2018-11-17 - 0.0.24 — 2018-11-17 - 0.0.23 — 2018-11-05 - 0.0.22 — 2018-11-05 - 0.0.21 — 2018-11-04 - 0.0.20 — 2018-11-03 - … 18 more at https://npm.io/package/@blexar/framework/versions ## README # Blexar **A solid base to establish your favorite websites with user experience in mind.** Inspired by the user's own experience needs, we decided to implement a design system to serve as a solid basis for very simple, yet elegant websites to deliver a complexity-free environment. ## Main Features * Works well with SVG out of the box. * Offers some of the simplistic UI elements out there. * Intelligent grid system based on Flex-box. * Built using Stylus preprocessor. * User-friendly documentation with editable code snippets. ## Getting Started ### Installation Using npm ```bash npm install blexar --save #or using yarn yarn add blexar ``` ### HTML Layout ```html ... ``` ### Webpack Configuration Add the following rule to the Webpack configuration file ```javascript { test: /.styl$/, loader: 'style-loader!css-loader!stylus-loader?resolve url' } ``` ### Working with styles In your main styling file `app.styl`, before including the Base main file, make sure to add the needed variables, according to your customization preferences. ```CSS $margin = 2px $red = #E13C31 @import "~blexar" ``` ## License [MIT](http://opensource.org/licenses/MIT) Copyright (c) 2019 [Baianat](http://baianat.com) --- _Source: https://npm.io/package/@blexar/framework · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._