AIS Components

Tech Stack ​

AIS Components is built on the modern, web platform, which has progressed tremendously in the last five years. This page enumerates our key frameworks and technologies and should serve as a starting point for developers looking to dig deeper.

Vue ​

Vue 3 is JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be they simple or complex.

Composition API ​

Vue's Composition API is a set of APIs that allows us to author Vue components using imported functions instead of declaring options.

VueUse ​

VueUse is a collection of essential Vue composition utilities. VueUse has lots of Vue-specific solutions to lower-level web problems.

Vite ​

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects. Vite replaces both the Vue CLI and Webpack in Vue 3's toolchain. It consists of two major parts:

  • A dev server that provides enhancements over native ES modules like fast Hot Module Replacement (HMR).
  • A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.

Nuxt 3 ​

Nuxt 3 is our application level, front-end framework. It provides routing, layouts, and page-splitting. Nuxt builds on top of Vite, so there is some overlap. We generally recommend using Nuxt over Vite for any sizable project, but there are cases where Vite may make more sense.

CSS ​

TailwindCSS ​

TailwindCSS is utility-first CSS framework that allows us to define a design system in JavaScript that is expressed in small, composable CSS classes.

CSS Layout ​

Modern CSS layout technologies (flexbox and grid) are game changers and well-supported in our target browsers. We view them as an essential tool to use AIS Components effectively. Tailwind includes flex and grid utilities that make it easy to get started.

Flexbox ​

Flexbox is a one-dimensional layout method for arranging items in rows or columns. Items flex (expand) to fill additional space or shrink to fit into smaller spaces. See Tailwind's flex utilities to get started.

CSS Grid ​

CSS Grid Layout is a two-dimensional layout system for the web. It lets you lay content out in rows and columns. It has many features that make building complex layouts straightforward. See Tailwind's grid utilities to get started.

JavaScript ​

Modern JavaScript is a powerful language that is well-suited to handling common UI tasks.