Components

Browse all component examples

Advanced ComponentsComplete Application ExampleDark Mode Optimized ComponentsDropdown Menu ComponentsFeedback ComponentsForm ComponentsIcon GalleryLayout ComponentsModal ComponentsModern Styling FeaturesNavigation ComponentsTable & List ComponentsToggle ComponentsTypography ComponentsUtility Components
← Back to documentation

Layout Components Demo

Container Component

Containers provide responsive max-widths and padding.

Small container (max-width: 640px)

Medium container (max-width: 768px)

Stack Component

Stack components arrange children with consistent spacing.

Item 1Item 2Item 3

Vertical Stack:

First item

Second item

Third item

Grid Component

Responsive grid layout that adapts to screen size.

Grid Item 1

Grid Item 2

Grid Item 3

Grid Item 4

Grid Item 5

Grid Item 6

Grid Item 7

Grid Item 8