Components

Accordion allows users to expand and collapse sections of content.

Blockquote is used to highlight and display a quotation from text.

Button is a clickable element that initiates an action or event when pressed.

Card is a versatile element that groups related information into a container with a consistent layout.

Carousel displays a rotating set of items, such as images or content slides, within a single space.

Drawer is a sliding panel that opens to provide quick access to additional content or navigation.

A footer typically contains links, copyright information, and other secondary navigation elements at the bottom of a webpage.

A header typically located at the top of a webpage or section, containing essential information like the site title, logo, and navigation links.

A marquee displays scrolling text to highlight important information on a webpage.

Modal displays content in a layered overlay, temporarily blocking interaction with the main page.

An animated number counter that dynamically changes and increments or decrements a numerical value with smooth transitions.

Pagination allows users to navigate through large sets of data by dividing content into separate pages with navigation controls.

Pills are small, rounded UI element used for displaying and selecting categories, tags, or filters.

Search form allows users to input queries and submit them to retrieve relevant content or information.

Slideshows display a sequence of images or content slides in a rotating manner, often used for showcasing galleries or presentations.

Split media displays content side-by-side. Such as combing text with images or video.

Tabs organize content into distinct sections, allowing users to switch between them with tabbed navigation for efficient information access.

Testimonial displays customer reviews or feedback to build trust and credibility.

Toast is a brief, transient message that appears on the screen to provide feedback or notifications to users without interrupting their current activity.

Two up displays two content blocks side by side.

Three up displays three content blocks side by side.

Four up displays four content blocks side by side.

Responsive video embed used for youtube or vimeo videos.