Component Documentation

Grid System

Complete

16-column responsive aiab-grid system based on 960 Grid System principles with mobile-first breakpoints.

16 Columns

3 Breakpoints

Documentation

Typography

Complete

Beautiful typography with Avenir and Futura font stack, responsive sizing, and comprehensive text utilities.

6 Heading Levels

15+ Utilities

Documentation

Buttons

Complete

Comprehensive button system with multiple variants, sizes, states, and icon support.

8 Variants

4 Sizes

Documentation Examples

Forms

Complete

Accessible form components with validation, custom styling, and semantic markup.

15+ Input Types

Built-in Validation

Documentation Examples

Navigation

Complete

Responsive navigation with mobile hamburger menu, dropdowns, and mega menu support.

5 Variants

Mobile Optimized

Documentation Examples

Cards

Complete

Flexible aiab-card components for displaying content with images, actions, and metadata.

10+ Layouts

Hover Effects

Documentation Examples

Modals

Complete

Accessible aiab-modal dialogs with focus management, animations, and multiple sizes.

5 Sizes

A11y Compliant

Documentation Examples

Tooltips & Popovers

Beta

Smart tooltips with automatic positioning, HTML content support, and mobile optimization.

12 Positions

Auto Positioning

Documentation Examples

Icons

Complete

1,641+ Lucide icons with customizable size, color, and stroke width.

1,641+ Icons

Tree Shakeable

Browse All Icons Examples

Carousel

New

Responsive carousels powered by Splide.js with multiple variants and accessibility.

8 Variants

Touch Enabled

Documentation Examples

Tables

Complete

Responsive tables with sorting, striped rows, and mobile-optimized layouts.

5 Styles

Mobile Responsive

Documentation Examples

Alerts

Complete

Contextual aiab-alert messages with icons, dismissible options, and multiple styles.

6 Variants

Dismissible Support

Documentation Examples

Tabs

Complete

Tabbed interfaces with keyboard navigation, ARIA support, and multiple styles.

4 Styles

Keyboard Navigation

Documentation Examples

Breadcrumbs

Complete

Semantic aiab-breadcrumb navigation with schema.org microdata and custom separators.

Schema Support

5 Styles

Documentation

Pagination

Complete

Flexible aiab-pagination with multiple styles, sizes, and alignment options.

6 Styles

ARIA Labels

Documentation Examples

Form Validation

Complete

Real-time form validation with custom rules and error messages.

15+ Rules

Custom Validators

Documentation Examples

CSS Variables

Complete

Comprehensive theming system with CSS custom properties.

50+ Variables

Theme Ready

Documentation Examples