The UIKit includes a library of components that can be combined in almost infinite combinations to create the content and layout your site needs. In addition to the components shown below, the UIKit includes a library of 'Helpers,' which combine the components into common website patterns. See the Helpers included.
The UIKit includes a flexible header component with a configurable menu system and optional utilities bar. It also includes a footer component.
Header
Footer
Layout components¶
Layout components provide the structure of your pages. Each component includes configuration options, some examples of which are shown below.
1 column layout component
Configuration examples
2 column layout component
Configuration examples
3 column layout component
Configuration examples
4 column layout component
Custom layouts with Row and Column component
Divider line component
Modal component
Basic components¶
Heading component
Text component
Image component
Video component
Audio component
Buttons component
Card components¶
Feature card
Content card
Horizontal content card
Impact card
Price card
Profile card
Block quote card
Testimonial card
Logo card
Stat card
Social links card
Slider components¶
Accordion components¶
Tab components¶
Horizontal tabs
Vertical tabs
Read more components¶
Map components¶