Hi Components Library

Hi Components Library

All Industries | App Development Software

Solution Overview

A solution for your apps development in a library of multiple different components ready to be used.
View Demo

Key Features

Different components available, to help you in different situations or open more opportunities in your applications development.

Check the available components list and their description:

  • Hi Actions Container (R) 
    Display large amounts of content with the possibility to include actions in it.

  • Hi Advanced Search (R)
    Allow the user to have multiple types of search inputs.

  • Hi Arc Chart (T)
    Allow you to use a list of arc-chart type to create a chart.

  • Hi Body Class (R) 
    Use it to insert classes on the html body (Add, Remove and Toggle actions).

  • Hi Bulk Select (T)
    Use it to select/unselect all checkboxes inside a Table Records widget.

  • Hi Card Center Row Content (T)
    Show content in the center row, plus the choice of having other content or actions in the left and/or right side of the card.

  • Hi Card With Progress (R) 
    Have a card with different text placeholders and a progress bar.

  • Hi Circular Slider (T)
    Create a circular slider by giving a list of items and an initial value for the slider.

  • Hi Color Preview (R) 
    Have a container that changes its background color.

  • Hi Confirmation Delete (R) 
    Have a confirmation step that can be used to verify danger actions, like delete or other type of exclude data.

  • Hi Country Code (T)
    Have a dropdown with a flag and international country code to be selected.

  • Hi Credit Card (R)
    Show a card with information such as number or name of the holder and have the option to change the card's background image.

  • Hi Custom Popover (R)
    Display additional content on user selection.

  • Hi Custom Section Index (R)
    Use it to enable the users to navigate within a page quickly.

  • Hi Dropdown Search Inline (R)
    Display a dropdown with a search functionality.

  • Hi Error Screen (R) 
    Display on the screen the type of a page error.

  • Hi Error Screen (T) 
    Display on the screen the type of a page error.

  • Hi Font Awesome Free (T)
    Use it to preview and insert the attributes of Font Awesome Free icons.

  • Hi Font Awesome Icon (R)
    Use it to preview or insert a Font Awesome icon.

  • Hi Font Awesome Icon (T) 
    Use it to preview or insert a Font Awesome icon in Traditional applications.

  • Hi Icon SVG (R) 
    Display and create icons SVG from HTML tags.

  • Hi Iframe (R) 
    Display the content of an URL.

  • Hi Image Background (R)
    Have a banner with custom content. Areas without content or having images without background will have a filled background with a color of your choice.
     
  • Hi Input Color (R) 
    Have an input color type, where the user can insert different color type codes.

  • Hi Input Code (R)
    Have a styled input that can force number or password type.

  • Hi Input Code (T)
    Have a styled input that can force number or password type.

  • Hi Input Label (R) 
    Display a label and its widget.

  • Hi Input Mask Currency (R)
    Apply a mask on currency input fields.

  • Hi Multi Select Dropdown (R)
    Have a dropdown with a multiple choices selection from several options.

  • Hi Multiple Detail Card (R)
    Use it to display as many info in your card as you want.

  • Hi Popup Structure (R)
    Use this to have display a popup having a title, a secondary content (like for example, a checkbox) and an actions area at the bottom.

  • Hi Responsive Breadcrumbs (R)
    Display the current user location in applications with a deep page hierarchy.

  • Hi Remove Tag (R)
    Use it to select and remove tags.

  • Hi Section Actions (R)
    Use it to separate content and you can include in it actions.

  • Hi Select Option Group (T)
    Use it in a dropdown so you can select an option with options separated by groups.

  • Hi Swipe Up Card (R)
    Swipe up a card in you mobile app.

  • Hi Table Row Expandable (R)
    Allow the user to create and display expandable content inside the table.

  • Hi Table Row Expandable (T)
    Allow the user to create and display expandable content inside the table.

  • Hi Timer Carousel (R)
    Have a carousel with multiple items and a visible timer in an horizontal slide.

  • Hi Title Line Separator (R)
    Use this to show a text with separator, so it helps you to organise and structure better your content.

  • Hi Tooltip Container (R)
    Display a tooltip on a card, input or other pattern type.

  • Hi Two Columns Same Height (T)
    Display columns with the same height. You can also set different widths for the first column and different gap sizes.

  • Hi Users List (R)
    Have the option to reverse a previous action.

  • Hi Zip Code Mask (R)
    Insert a zip code number and it will be inserted dynamically by having its first and second part separated.

(R) Reactive component
(T) Traditional component

Key Benefits

Speed up the development time for your apps by finding here solutions to increase their quality and range of available features.

Integrate these components in your apps and use their customisation options.

Other Solutions from Hi Interactive

Hi Custom Popover
Hi Custom Popover
Components to display additional content on user selection.
See Solution Details
Hi Custom Section
Hi Custom Section
Component that separates content and that can include actions.
See Solution Details
Hi Custom Section Index
Hi Custom Section Index
Component to enable the users to navigate within a page quickly.
See Solution Details
Hi Multi Select Dropdown
Hi Multi Select Dropdown
Component to select multiple choices from several options.
See Solution Details
Hi Table Records Expandable
Hi Table Records Expandable
Component to allow the user to create and display expandable content inside the table.
See Solution Details
Hi Two Columns Same Height
Hi Two Columns Same Height
Component to display columns with the same height. You can also set different widths for the first column and different gap sizes.
See Solution Details
UX/UI Services
UX/UI Services
Creating a delightful experience for the user is a balanced act between usability, interface design, and technology. With a Design Thinking approach, we’re able to build digital products addressing both the business and user needs fostering the best digital experiences for your customers.
See Solution Details
Front-End Expert Services
Front-End Expert Services
We share our know-how and we work hand-in-hand with your in-house team to optimize the Front-End of your OutSystems applications while reducing development and maintenance costs.
See Solution Details
Highlight - Design System Manager
Highlight - Design System Manager
The tool to centrally document your company's Design System. It centralizes information so designers and developers have a common space to have all assets. It offers multiple technical features, from the definition of the branding to the interface rules for different themes, such as the ability to share and document components of different technologies
See Solution Details
Hi Advanced Search
Hi Advanced Search
Component to allow the user to use multiple types of search inputs.
See Solution Details
Hi Actions Container
Hi Actions Container
Component that can deliver large amounts of content with the possibility to include actions.
See Solution Details
Hi Banner Card
Hi Banner Card
Component with a banner custom content. The Banner's area without images, or having images without background will have a filled background with a color of your choice.
See Solution Details
Hi Card Center Row Content
Hi Card Center Row Content
Component used to show content in the center row plus the choice of having other content or actions in the left and/or right side of the card.
See Solution Details
Hi Custom Breadcrumbs
Hi Custom Breadcrumbs
Component to display the current user location in applications with a deep page hierarchy.
See Solution Details