Overview

Getting started with VanillaUIBaseApp and core principles

Typography

Type scale, semantic headings, and text styles

Components

Buttons, badges, avatars, cards, and empty states

Forms

Inputs, validation, file uploads, and custom controls

Navigation

Breadcrumbs, tabs, steppers, pagination, and mega menus

Feedback

Alerts, toasts, progress bars, and notifications

Layouts

Grid systems, panels, split panes, and dashboard layouts

Data Display

Tables with sorting, filtering, and pagination

Lists & Timelines

List groups, definition lists, and activity timelines

Interactive

Drag & drop, context menus, command palette, and sliders

Enterprise

User cards, status indicators, search, and filters

Projects

Project management patterns and card-based layouts

Dashboards

Dashboard widgets, metrics, and data visualization

Streams

Activity streams, feeds, and real-time updates

Token-Based Design

Consistent spacing, colors, and typography using CSS custom properties for easy theming and maintenance.

Semantic HTML

Accessible markup with proper ARIA attributes, semantic elements, and keyboard navigation support throughout.

Production Ready

Enterprise-grade components with form validation, state management, and responsive design patterns built in.