Badge

The Alert/Notification component is essential for communicating important messages to users. Ideal for warnings, confirmations, and success notifications, it enhances the user experience by providing clear and concise information.

The Avatar is a visual component that represents a user or entity. Customizable with images and colors, it is perfect for profiles in applications and platforms, adding a personal and attractive touch.

The Banner is a prominent component used to draw attention to promotions, announcements, or important information. Its visually appealing design helps capture user attention and improve communication. It normally goes within the navigation section. It's part of the top navigation of the site.

Breadcrumbs are a navigation component that shows the user's location within a hierarchy. They facilitate site exploration, enhance usability, and help users easily return to previous pages.

The Button is an interactive component that allows users to perform actions, such as submitting forms or navigating to other pages. Customizable and accessible, it is fundamental for any user interface.

The Button Group clusters multiple buttons for related actions, providing a clean and organized interface. Ideal for selection options or secondary actions, it enhances usability and clarity.

The Checkbox allows users to select one or more options in a form. Its simple and functional design is essential for data collection and user interaction.

The Content Divider is a component that separates different sections of content, improving visual organization and readability. Ideal for creating a clean and structured design in any interface.

The Cursor is a visual component that indicates the mouse position in the interface. Customizable for different interactions, it enhances the user experience and provides visual feedback.

The Dialog is a pop-up window that allows users to interact with messages or forms without leaving the current page. Ideal for confirmations and alerts, it improves interaction and usability.

The Dropdown is a component that allows users to select an option from a drop-down list. Perfect for saving space in forms and menus, it provides an efficient way to interact with multiple options.

The Flag is a visual component used to show statuses or classifications. It can represent highlighted elements or categories, improving organization and clarity in information presentation.

The Icon is a graphic component that represents actions, objects, or concepts. Its use enhances visual communication in interfaces, making navigation more intuitive and engaging.

The Input is an entry field that allows users to input data. Fundamental in forms, it is customizable and accessible, ensuring a smooth and effective user experience.

The Logos component serves as a placeholder for displaying actual brand or partner logos within a design. It provides a flexible, consistent framework for showcasing logo arrangements, often used in sections highlighting clients, sponsors, or partners, helping to establish credibility and brand presence on websites and applications.

The Navbar is a navigation component that facilitates access to different sections of the site. Its intuitive and organized design improves usability and the user experience while exploring content.

Pagination allows users to navigate through large volumes of content by dividing information into pages. It enhances usability and helps maintain a clean and structured interface.

The Radio Button allows users to select one option from a set. Ideal for forms and surveys, its clear and functional design ensures that selection is intuitive and precise.

The Swiper is an interactive component that allows users to swipe between different elements, such as images or cards. Ideal for galleries and presentations, it enhances visual and navigational experiences.

The Tab is a component that organizes content into interactive sections. It allows users to switch between different views without reloading the page, improving usability and the user experience.

The Toggle/Switch is a component that allows users to turn options on or off in an intuitive manner. Its clear and accessible design enhances interaction in forms and settings.

The Tooltip is an informative component that provides additional details about an element when hovering over it. It enhances usability by offering context without overwhelming the interface.