style="display:flex:align-item:center;">

[![NPM][npm-badge]][npm-url]
[![Halleyx UI Framework][ci-badge]][ci-url]
[![Development Status][alpha-badge]][npm-url]
[![License][license-badge]][license-url]

_Introduction_ —
_Components_ —
_Getting Started_ —
_License_

Introduction

Hey there! We are excited to introduce our latest adventure - Halleyx UI Framework.

Halleyx is a UI component framework completely designed by and for developers using Vuejs. We made this framework from scratch, so it's suitable for all types of developers - whether you're a frontend lover or a backend developer.

We believe that a programmer can save some time if they find a library that works as desired and does not have to change its structure in accordance with the project.

Our main goal is to make programming less tedious by providing fully-built and customizable components that are simple to integrate. Big things comes in small packages. We have created 40+ flexible, modular components that accelerate development time and simplify the process of creating visually stunning projects, without compromising the developer's independence and personalization

So start designing with ease!

$3

The following components are currently available for use
- Introduction
- Accessibility
- Installation
- Quickstart
- Custom theming
- Colors
- Typography
- Icons
- Accordion
- Alert
- Badge
- Breadcrumb
- Button
- Card
- Color palette
- Code editor
- Context menu
- Dashboard
- Dataview
- Dotted pagination
- Draggable
- Drawer
- Error page
- File uploader
- Image gallery
- Import progress bar
- Input
- Label
- Loader
- Modal
- ObjectViewer
- Pagination
- Rating
- Search
- Select
- Sidebar
- Slider
- Speed dial
- Stepper
- Tab
- Table
- Tag
- Text editor
- Time line
- Tree
- Tree select
- Tooltip
- Switch

Installation

NPM

``
npm install halleyx-ui-framework
`

Quick start

This section describes how to use Halleyx UI framework in your project.

Global import

Config module with project globally
`
//main.js
import { createApp } from "vue";
import App from "./App.vue";
import halleyxComponents from "halleyx-ui-framework";
//load the styles
import 'halleyx-ui-framework/dist/cs/index.css';
createApp(App).use(halleyxComponents).mount("#app");
`
Local import

Config module with project locally

`
//main.js
import { createApp } from "vue";
import App from "./App.vue";
import halleyxComponents from "halleyx-ui-framework";
//load the styles
import 'halleyx-ui-framework/dist/cs/index.css';
createApp(App).use(halleyxComponents).mount("#app");
`
`




``

License

Halleyx UI Framework Library comes with a [3-clause BSD license][license-url].


[ci-url]: https://github.com/halleyx-com/Halleyx-UI-Framework
[ci-badge]: https://badgen.net/badge/icon/Halleyx-UI-Framework?icon=github&label

[npm-badge]: https://badgen.net/badge/icon/halleyx-ui-framework?icon=npm&label
[npm-url]: https://www.npmjs.com/package/halleyx-ui-framework

[license-badge]: https://img.shields.io/badge/license-BSD-blue.svg
[license-url]: https://github.com/halleyx-com/Halleyx-UI-Framework/blob/main/LICENSE
[alpha-badge]: https://img.shields.io/badge/stage-alpha-blueviolet

[contributing-url]:
[latest-release-badge]: