atui is a Vue.js 2.0 UI toolkit for the web, aimed at developers building interfaces who want a ready-made set of reusable Vue components rather than assembling every widget from scratch.

What it is

atui is an MIT-licensed component library written in Less and published on npm as the package atui, with its source, build badges and roadmap living on GitHub under the aliqin organisation. It targets Vue 2 applications specifically, and the README states a requirement of Vue.js >=v2.1.4. The project exposes its components both as a full bundle and as individually importable modules, and it ships a stylesheet, atui/dist/greater-blue.css, that carries the default visual theme.

The problem it solves is the ordinary one facing a team starting a Vue 2 project: building standard interface elements — buttons, date pickers and the rest of the widget set implied by the roadmap — repeatedly and inconsistently across features. by providing pre-built, registerable components, atui removes the need to author those pieces in-house and gives a codebase a single, shared set of v-prefixed components such as vButton and vDatePicker. It sits in the Miscellaneous / Design & Prototyping category of this registry, alongside its JavaScript, UI kit and Vue component tooling topics.

Key capabilities

• Register components individually onto a Vue instance from the main bundle, for example components: { vButton: atui.Button, vDatePicker: atui.DatePicker }.
• Import a single component directly from its own path with import vDatePicker from 'atui/lib/date-picker', so only the widgets in use enter the bundle.
• Load the whole toolkit at once with import atui from 'atui' and reference any component as a property of that object.
• Apply the shipped theme by importing atui/dist/greater-blue.css, with gzip size published separately for both the JavaScript and the CSS.
• Run components in the browser without a build step, registering them straight into a new Vue({...}) call.
• Follow a published roadmap on the project wiki, and contribute new components alongside the existing maintainers.
• Work against a tested, continuously integrated codebase: the README carries Travis CI build status and a codecov coverage badge on the dev branch.

Who uses it and how

• Vue 2 developers who pull atui in as a --save-dev dependency and register only the components a given page needs.
• Teams that standardise on the greater-blue.css theme so buttons, date pickers and other widgets share one appearance across an application.
• Projects that consume components individually from atui/lib/* to keep their production bundle small, importing JavaScript and CSS on an as-required basis.
• Contributors with prior Vue component experience who take items from the roadmap and complete them through the repository's issue tracker, of which six issues are currently open.

Getting started

Install the package from npm with npm install atui --save-dev, then import atui/dist/greater-blue.css and register components such as atui.Button and atui.DatePicker on a Vue instance; a hosted demo is available at https://aliqin.github.io/atui.

How it compares

atui is built explicitly for Vue 2, and its acknowledgements point to ant.design, the React-oriented design system whose visual language and component breadth the project draws on. In this registry it sits among general JavaScript, Vue component and UI kit tooling rather than against a named Vue-2-specific competitor.

When to use it — and when not

The project is a client-side component library, so a self-hoster gains no server to operate: there is no database, object storage or SMTP requirement described in the README, and the components are consumed directly inside an existing Vue application. It is a poor fit for anyone on Vue 3 or on a framework other than Vue, and the README excerpt is brief — badges, install snippets and a wiki link rather than documentation of each component's API — so expect to rely on the hosted demo site and the roadmap wiki for detail. Maintenance activity should be checked before committing: six issues remain open, and the last push on record is 2026-02-26.

$ npm install atui --save-dev

// css
import 'atui/dist/greater-blue.css'

// import atui
import atui from 'atui'

new Vue({
  components: {
    vButton: atui.Button,
    vDatePicker: atui.DatePicker
  }
})

// use as required
import vDatePicker from 'atui/lib/date-picker';
new Vue({
  components: {
    vDatePicker: vDatePicker
  }
})

<script src="//unpkg.com/vue@2.1.4"></script>
<script src="//unpkg.com/atui"></script>
<script>
  new Vue({
    components: {
      vButton: atui.Button
    }
  })
</script>