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!

Components

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 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");

<!-- Any vue component-->
<template>
  <hlx-button class="primary">Button</hlx-button>
</template>

<script>
import {HlxButton} from 'halleyx-ui-framework';
export default {
  name: 'App',
  components: {
    HlxButton,
  },
}
</script>

License

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