Aqua DS - Component Library

Quick Start

Framework Implementation

WebComponents

Vue 3

React

Angular

Components

Data Types

Directives

Style Customization

Theming

Custom Styles

Icons


FAQ


Aqua Basis

Aqua Composition

Aqua DS provides a lightweight utility class system that allows you to customize native HTML elements directly through inline classes.

This system is based on a simple naming convention aq-[class]. Each class leverages Aqua DS’s internal CSS variables, ensuring consistency with your project’s theme.

Unlike Bulma or Aqua DS components—which focus on layout and structured UI building—this utility system exists to speed up interface construction in scenarios where you need quick adjustments or fine-tuned control.

Categories

<aside>

Colors

Text Color

Background Color

Border Color

</aside>

<aside>

Fonts

Font Size

Font Weight

Line Height

</aside>

<aside>

Spacing

Padding

Margin

</aside>

On this page

Design together. Build together. Speak the same language.

back Aqua.png