Component Documentation

Grid System

Complete

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

16 Columns

3 Breakpoints

Documentation Examples

Typography

Complete

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

6 Heading Levels

15+ Utilities

Documentation Examples

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 card components for displaying content with images, actions, and metadata.

10+ Layouts

Hover Effects

Documentation Examples

Modals

Complete

Accessible 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 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 breadcrumb navigation with schema.org microdata and custom separators.

Schema Support

5 Styles

Documentation Examples

Pagination

Complete

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

6 Styles

ARIA Labels

Documentation Examples

Pea.rs Patterns

Complete

Common UI patterns including stats, slats, and aside layouts from pea.rs.

3 Patterns

15+ Variants

Documentation Examples

Steps & Progress

Complete

Step indicators and progress bars for multi-step processes and forms.

5 Styles

Animated Progress

Documentation Examples

Sidebar

Complete

Collapsible sidebar navigation with nested menus and mobile support.

Collapsible Menu

Mobile Ready

Documentation Examples

Footer

Complete

Comprehensive footer component with newsletter, social links, and sitemap.

5 Layouts

Newsletter Support

Documentation Examples

Form Validation

Complete

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

15+ Rules

Custom Validators

Documentation Examples

Smooth Scroll

Complete

Smooth scrolling with easing, offset support, and scroll spy functionality.

Easing Functions

Scroll Spy

Documentation Examples

Utility Classes

Complete

Comprehensive utility classes for spacing, colors, display, and more.

100+ Classes

Responsive Variants

Documentation Examples

CSS Variables

Complete

Comprehensive theming system with CSS custom properties.

50+ Variables

Theme Ready

Documentation Examples