Get started

What is Standard UI?

Having so many component libraries on the internet and built in different frontends (React, Vue, Svelte, etc.) sometimes none fits on what we were planning to do.

So the idea behind this project is to provide a Vue3 library that we, ourselves, can use on all of our projects. For that, we needed the components to be standard:

• follow coding best practices
• be accesible
• be easily extendable when composing other components
• have style customization to the deepest level

Who should use this library?

Anyone, whether it is for programming entertainment, use on any app or web site, take ideas, etc. Primarily we build this library for using with our own Vue3 projects but anyone is free to use it also.

Build information

This library was built using Vue 3 with Composition API + Typescript.

For styling we used Tailwind CSS.

Installation

To install this library on your Vue 3 project open the terminal or console at your project's root folder and type in the next command:

npm i @alfaomegasoftware/standard-ui

Usage

All components can be directly imported from the library's name:

<template>
    <TabContainer :tabs="tabs" :selected-tab-id="selectedTabId">
        <!-- slots -->
        <!-- more code -->
    </TabContainer>
</template>
<script setup lang="ts">
import {TabContainer, ActionButton, TextBox} from "@alfaomegasoftware/standard-ui";

// ... more code

</script>