<p>This website requires JavaScript to deliver the best possible experience.</p>

Getting Started


Easy steps, to achieve the best!


you can install Blexar through many ways.

Using package manager:

# Using npm
npm install @blexar/framework --save

# Using yarn
yarn add @blexar/framework --save

Using CDN:


Starter Template

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors. If you want to get started right away, you can use this HTML starter template.

<!doctype html>
<html lang="en">
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Blexar Stylesheet -->
    <link rel="stylesheet" href="blexar/framework/dist/blexar.css">

    <title>Hello, world!</title>
    <h1>Hello, world!</h1>


Responsive meta tag

To ensure proper rendering and touch zooming for all devices, add the responsive viewport meta tag.

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

What's included

├── html
├── dist
│   ├── blexar.css
│   └── blexar.min.css
├── src
│   ├── components
│   ├── core
│   ├── grid
│   ├── helper
│   └── util
└── blexar.styl