{"id":67896,"date":"2024-11-18T05:50:08","date_gmt":"2024-11-18T11:50:08","guid":{"rendered":"https:\/\/lansa.com\/?page_id=67896"},"modified":"2024-12-18T08:34:25","modified_gmt":"2024-12-18T14:34:25","slug":"visual-lansa-ui-kit","status":"publish","type":"page","link":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/","title":{"rendered":"Visual LANSA UI Kit"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; module_class=&#8221;build-enterprise&#8221; _builder_version=&#8221;4.25.0&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#FFFFFF&#8221; background_enable_image=&#8221;off&#8221; custom_padding=&#8221;80px||80px||false|false&#8221; custom_padding_tablet=&#8221;30px||10px||false|false&#8221; custom_padding_phone=&#8221;30px||20px||false|false&#8221; custom_css_before=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Group-1000006077-1.webp);|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top: -47px;|| right: 0;|| background-size: auto;|| width: 24%;|| height: 100%;||&#8221; custom_css_after=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Frame-8.png);||background-position: left;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| bottom:-156px;|| left: 0;|| right: 0;|| top: 0;||&#8221; da_disable_devices=&#8221;off|off|off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; custom_css_before_last_edited=&#8221;on|phone&#8221; custom_css_before_phone=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Group-1000006077-1.png);||background-position: right;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top: -569px;|| left: 0;|| right: 0;|| bottom: 0;&#8221; custom_css_before_tablet=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Group-1000006077-1.webp);||background-position: right;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top: -505px;|| left: 0;|| right: 0;|| bottom: 0;&#8221; custom_css_after_last_edited=&#8221;on|phone&#8221; custom_css_after_phone=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Frame-13-1.png);||background-position: left;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top:550px;|| left: 0;|| right: 0;|| bottom: 0;&#8221; custom_css_after_tablet=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Frame-8.png);||background-position: left;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top:294px;|| left: 0;|| right: 0;|| bottom: 0;||&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;pa-inline-buttonsn&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;||||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_css_main_element=&#8221;align-items: center;&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;heading-modernize ibm&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|700|||||||&#8221; header_text_color=&#8221;#1a1a1a&#8221; custom_margin=&#8221;||0px||false|false&#8221; header_font_size_tablet=&#8221;58px&#8221; header_font_size_phone=&#8221;&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; custom_css_main_element=&#8221;vertical-align:middle;&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1 style=\"font-family: 'Inter', sans-serif;\"><span style=\"color: #01a5f9;\">Free Visual LANSA UI Kit <\/span> for Designing Business Applications with Figma<\/h1>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#4d4d4d&#8221; text_font_size=&#8221;22px&#8221; header_4_font=&#8221;||||||||&#8221; header_4_text_color=&#8221;#4d4d4d&#8221; header_4_font_size=&#8221;22px&#8221; header_4_line_height=&#8221;1.7em&#8221; header_6_text_color=&#8221;#4d4d4d&#8221; header_6_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||5px||false|false&#8221; custom_padding_tablet=&#8221;||5px||false|false&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Create modern designs and consistent experiences for LANSA applications with the free Material UI Kit. Rapidly build, test, and approve ideas before any coding work for maximum development efficiency.<\/p>\n<p>[\/et_pb_text][dsm_button button_one_css=&#8221;axes-demo-form-cta&#8221; button_two_css=&#8221;but-2&#8243; button_one_text=&#8221;Get the free UI Kit now&#8221; button_one_url=&#8221;#contact-us&#8221; button_one_lightbox_max_width=&#8221;1200px&#8221; button_two_url_new_window=&#8221;on&#8221; button_two_lightbox_max_width=&#8221;1300px&#8221; button_alignment_tablet=&#8221;center&#8221; button_alignment_phone=&#8221;center&#8221; button_alignment_last_edited=&#8221;on|phone&#8221; module_class=&#8221;inlines&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; custom_button_one=&#8221;on&#8221; button_one_bg_color=&#8221;#18c16f&#8221; button_one_use_icon=&#8221;off&#8221; button_one_custom_padding=&#8221;13px|26px|13px|26px|true|true&#8221; custom_button_two=&#8221;on&#8221; button_two_text_color=&#8221;#18c16f&#8221; button_two_border_width=&#8221;2px&#8221; button_two_border_color=&#8221;#18c16f&#8221; button_two_icon=&#8221;&#xe04e;||divi||400&#8243; button_two_icon_color=&#8221;gcid-4c115a87-6233-48e5-ac5a-765040bbd361&#8243; button_two_icon_placement=&#8221;left&#8221; button_two_on_hover=&#8221;off&#8221; button_two_custom_margin_tablet=&#8221;&#8221; button_two_custom_margin_phone=&#8221;10px|||0px|false|false&#8221; button_two_custom_margin_last_edited=&#8221;on|phone&#8221; button_two_custom_padding=&#8221;13px||13px||true|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;||||false|false&#8221; custom_css_button_2=&#8221;background-color:#ffffff !important;&#8221; global_colors_info=&#8221;{%22gcid-4c115a87-6233-48e5-ac5a-765040bbd361%22:%91%22button_two_icon_color%22%93}&#8221; custom_css_main_element_last_edited=&#8221;on|phone&#8221; custom_css_main_element_phone=&#8221;margin: 0 auto;&#8221;][\/dsm_button][et_pb_code _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] -->  (($) => {<!-- [et_pb_line_break_holder] -->    $('.axes-demo-form-cta').on('click', function () {<!-- [et_pb_line_break_holder] -->        if ($('form.elq-form').length) {<!-- [et_pb_line_break_holder] -->            $('form.elq-form #purpose').val('demo').trigger('change')<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    })<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/HeroImage-v3.png&#8221; alt=&#8221;Free Visual LANSA UI Kit&#8221; title_text=&#8221;HeroImage-v3&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f6fcff&#8221; custom_margin=&#8221;0px||||false|false&#8221; custom_padding=&#8221;50px||77px||false|false&#8221; custom_padding_tablet=&#8221;30px||30px||true|false&#8221; custom_padding_phone=&#8221;40px||30px||false|false&#8221; da_disable_devices=&#8221;off|off|off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; max_width=&#8221;1200px&#8221; custom_padding=&#8221;||36px||false|false&#8221; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; header_2_font=&#8221;|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span style=\"color: #01a5f9;\">Mockup applications with ease <\/span> and go to market faster<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#4d4d4d&#8221; text_font_size=&#8221;22px&#8221; header_4_text_align=&#8221;center&#8221; header_6_text_align=&#8221;center&#8221; header_6_text_color=&#8221;#4d4d4d&#8221; header_6_line_height=&#8221;1.8em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;1033px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;6px||0px||false|false&#8221; custom_margin_tablet=&#8221;6px||0px||false|false&#8221; custom_margin_phone=&#8221;0px||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;||20px||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Visualize your application&#8217;s vision using Figma, get stakeholder buy-in quicker, and create high-fidelity mockups for your developers using LANSA&#8217;s free Material UI kit.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;on|off|off&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;0px||0px||false|false&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; custom_css_main_element=&#8221;display:flex;||align-items:center;&#8221; global_colors_info=&#8221;{}&#8221; custom_css_main_element_last_edited=&#8221;on|tablet&#8221; custom_css_main_element_tablet=&#8221;display:block;&#8221; custom_css_main_element_phone=&#8221;display:block;&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_accordion open_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; closed_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; icon_color=&#8221;RGBA(255,255,255,0)&#8221; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;20px&#8221; disabled_on=&#8221;off|off|off&#8221; module_class=&#8221;acco&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; toggle_level=&#8221;h3&#8243; toggle_font=&#8221;|600|||||||&#8221; background_enable_color=&#8221;off&#8221; custom_margin=&#8221;10px||||false|false&#8221; custom_margin_tablet=&#8221;|||0px|false|false&#8221; custom_margin_phone=&#8221;|||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;||||false|false&#8221; border_radii=&#8221;on|16px|16px|16px|16px&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_accordion_item title=&#8221;Complete and customizable components&#8221; open=&#8221;on&#8221; open_toggle_text_color=&#8221;#18c16f&#8221; open_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; closed_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; icon_color=&#8221;#18c16f&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;34px&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; body_line_height=&#8221;1.8em&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; background_enable_color=&#8221;on&#8221; background_enable_image=&#8221;off&#8221; custom_margin=&#8221;0px||20px||false|false&#8221; custom_padding=&#8221;25px|27px|25px|10px|true|false&#8221; border_radii=&#8221;on|0px|0px|0px|0px&#8221; border_width_all=&#8221;0px&#8221; border_width_top=&#8221;1px&#8221; border_color_top=&#8221;#c0d9e5&#8243; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#c0d9e5&#8243; global_colors_info=&#8221;{}&#8221; toggle_level=&#8221;h3&#8243; toggle_font_size_last_edited=&#8221;off|desktop&#8221;]<\/p>\n<p>Build your UI design with ready-made components like buttons, fields, and cards. Tailor to your needs while maintaining a cohesive look your developers can easily match with Visual LANSA.<\/p>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Pre-made navigation for seamless UX&#8221; open_toggle_text_color=&#8221;#18c16f&#8221; open_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; closed_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; icon_color=&#8221;#18c16f&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;34px&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;0px||20px||false|false&#8221; custom_padding=&#8221;6px|27px|25px|10px|false|false&#8221; border_radii=&#8221;on|0px|0px|0px|0px&#8221; border_width_all=&#8221;0px&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#c0d9e5&#8243; global_colors_info=&#8221;{}&#8221; toggle_level=&#8221;h3&#8243; toggle_font_size_last_edited=&#8221;off|desktop&#8221; open=&#8221;off&#8221;]<\/p>\n<article class=\"w-full scroll-mb-[var(--thread-trailing-height,150px)] text-token-text-primary focus-visible:outline-2 focus-visible:outline-offset-[-4px]\" dir=\"auto\" data-testid=\"conversation-turn-84\" data-scroll-anchor=\"false\">\n<div class=\"m-auto text-base py-[18px] px-3 md:px-4 w-full md:px-5 lg:px-4 xl:px-5\">\n<div class=\"mx-auto flex flex-1 gap-4 text-base md:gap-5 lg:gap-6 md:max-w-3xl lg:max-w-[40rem] xl:max-w-[48rem]\">\n<div class=\"group\/conversation-turn relative flex w-full min-w-0 flex-col\">\n<div class=\"flex-col gap-1 md:gap-3\">\n<div class=\"flex max-w-full flex-col flex-grow\">\n<div data-message-author-role=\"user\" data-message-id=\"aaa20910-9b40-4bb6-be6f-c74c03c0794d\" dir=\"auto\" class=\"min-h-8 text-message flex w-full flex-col items-end gap-2 whitespace-normal break-words text-start [.text-message+&amp;]:mt-5\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden items-end rtl:items-start\">\n<div class=\"relative max-w-[var(--user-chat-width,70%)] rounded-3xl bg-token-message-surface px-5 py-2.5\">\n<div class=\"whitespace-pre-wrap\">\n<p>Complete your mockups with intuitive, responsive navigation. Leverage expertly designed elements like alerts, dialogs, and snack bars to streamline your UI\/UX development process.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Sleek data tables and visualizations&#8221; open_toggle_text_color=&#8221;#18c16f&#8221; open_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; closed_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; icon_color=&#8221;#18c16f&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;34px&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;0px||20px||false|false&#8221; custom_padding=&#8221;6px|27px|25px|10px|false|false&#8221; border_radii=&#8221;on|0px|0px|0px|0px&#8221; border_width_all=&#8221;0px&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#c0d9e5&#8243; global_colors_info=&#8221;{}&#8221; toggle_level=&#8221;h3&#8243; toggle_font_size_last_edited=&#8221;off|desktop&#8221; open=&#8221;off&#8221;]Save time worrying about the best way to organize your data. This UI Kit provides standardized and polished layouts for tables and charts that ensure readability and engagement.<br \/>\n[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Dynamic themes and styles&#8221; open_toggle_text_color=&#8221;#18c16f&#8221; open_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; closed_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; icon_color=&#8221;#18c16f&#8221; toggle_icon=&#8221;&#x33;||divi||400&#8243; use_icon_font_size=&#8221;on&#8221; icon_font_size=&#8221;34px&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; body_line_height=&#8221;1.8em&#8221; custom_margin=&#8221;0px||20px||false|false&#8221; custom_padding=&#8221;6px|27px|25px|10px|false|false&#8221; border_radii=&#8221;on|0px|0px|0px|0px&#8221; border_width_all=&#8221;0px&#8221; border_width_bottom=&#8221;1px&#8221; border_color_bottom=&#8221;#c0d9e5&#8243; global_colors_info=&#8221;{}&#8221; toggle_level=&#8221;h3&#8243; toggle_font_size_last_edited=&#8221;off|desktop&#8221; open=&#8221;off&#8221;]Easily switch theme colors, icons, and font sizes with variable-based configurations built for effortless branding. Adapt to user preferences with light and dark modes readily available.<br \/>\n[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<img decoding=\"async\" class=\"acc1img\" src=\"\/wp-content\/uploads\/2024\/12\/1-Components-v3.png\" \/><!-- [et_pb_line_break_holder] --><img decoding=\"async\" class=\"acc2img\" src=\"\/wp-content\/uploads\/2024\/12\/2-IntuitiveNavigation-v2.png\" \/><!-- [et_pb_line_break_holder] --><img decoding=\"async\" class=\"acc3img\" src=\"\/wp-content\/uploads\/2024\/12\/3-SleekTables-v2.png\" \/><!-- [et_pb_line_break_holder] --><img decoding=\"async\" class=\"acc4img\" src=\"\/wp-content\/uploads\/2024\/12\/4-DynamicThemes-v2.png\" \/>[\/et_pb_code][et_pb_code _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<script><!-- [et_pb_line_break_holder] --> document.addEventListener('DOMContentLoaded', function () {<!-- [et_pb_line_break_holder] -->    (function ($) {<!-- [et_pb_line_break_holder] -->        $('.et_pb_accordion_item_0 h3').on('click', function () {<!-- [et_pb_line_break_holder] -->            $('.acc2img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc3img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc4img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc1img').show()<!-- [et_pb_line_break_holder] -->        })<!-- [et_pb_line_break_holder] -->        $('.et_pb_accordion_item_1 h3').on('click', function () {<!-- [et_pb_line_break_holder] -->            $('.acc1img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc3img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc4img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc2img').show()<!-- [et_pb_line_break_holder] -->        })<!-- [et_pb_line_break_holder] -->        $('.et_pb_accordion_item_2 h3').on('click', function () {<!-- [et_pb_line_break_holder] -->            $('.acc1img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc2img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc4img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc3img').show()<!-- [et_pb_line_break_holder] -->        })<!-- [et_pb_line_break_holder] -->        $('.et_pb_accordion_item_3 h3').on('click', function () {<!-- [et_pb_line_break_holder] -->            $('.acc1img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc2img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc3img').hide()<!-- [et_pb_line_break_holder] -->            $('.acc4img').show()<!-- [et_pb_line_break_holder] -->        })<!-- [et_pb_line_break_holder] -->    })(jQuery);<!-- [et_pb_line_break_holder] -->})<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;off|on|on&#8221; module_class=&#8221;tog&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_accordion open_toggle_text_color=&#8221;#18c16f&#8221; open_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; closed_toggle_background_color=&#8221;RGBA(255,255,255,0)&#8221; icon_color=&#8221;RGBA(255,255,255,0)&#8221; module_class=&#8221;togreface&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; toggle_text_color=&#8221;#4d4d4d&#8221; toggle_font_size=&#8221;18px&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_padding=&#8221;|0px|0px||false|false&#8221; border_width_all=&#8221;0px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_accordion_item title=&#8221;Complete and customizable components&#8221; open=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; background_enable_color=&#8221;on&#8221; text_orientation_tablet=&#8221;&#8221; text_orientation_phone=&#8221;center&#8221; text_orientation_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<div class=\"tab-row\">\n<div class=\"col-6\"><img decoding=\"async\" class=\"acc1img\" src=\"\/wp-content\/uploads\/2024\/12\/4-DynamicThemes-v2.png\" \/><\/div>\n<div class=\"col-6\">\n<p>Build your UI design with ready-made components like buttons, fields, and cards. Tailor to your needs while maintaining a cohesive look your developers can easily match on Visual LANSA.<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Intuitive navigation and feedback&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; background_enable_color=&#8221;on&#8221; text_orientation_tablet=&#8221;&#8221; text_orientation_phone=&#8221;center&#8221; text_orientation_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221;]<\/p>\n<div class=\"tab-row\">\n<div class=\"col-6\"><img decoding=\"async\" class=\"acc2img\" src=\"\/wp-content\/uploads\/2024\/12\/2-IntuitiveNavigation-v2.png\" \/><\/div>\n<div class=\"col-6\">\n<p>Guide users through your application with thoughtfully designed navigation and feedback components, from tabs and sliders to alerts and progress indicators that enhance UX.<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Sleek data tables and visualizations&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; background_enable_color=&#8221;on&#8221; text_orientation_tablet=&#8221;&#8221; text_orientation_phone=&#8221;center&#8221; text_orientation_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221;]<\/p>\n<div class=\"tab-row\">\n<div class=\"col-6\"><img decoding=\"async\" class=\"acc3img\" src=\"\/wp-content\/uploads\/2024\/12\/3-SleekTables-v2.png\" \/><\/div>\n<div class=\"col-6\">\n<p>Save time worrying about the best way to organize your data. This UI Kit provides standardized and polished layouts for tables and charts that ensure readability and engagement.<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_accordion_item][et_pb_accordion_item title=&#8221;Dynamic themes and styles&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; background_enable_color=&#8221;on&#8221; text_orientation_tablet=&#8221;&#8221; text_orientation_phone=&#8221;center&#8221; text_orientation_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; open=&#8221;off&#8221;]<\/p>\n<div class=\"tab-row\">\n<div class=\"col-6\"><img decoding=\"async\" class=\"acc3img\" src=\"\/wp-content\/uploads\/2024\/12\/4-DynamicThemes-v2.png\" \/><\/div>\n<div class=\"col-6\">\n<p>Easily switch theme colors, icons, and font sizes with variable-based configurations built for effortless branding. Adapt to user preferences with light and dark modes readily available.<\/p>\n<\/div>\n<\/div>\n<p>[\/et_pb_accordion_item][\/et_pb_accordion][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; module_class=&#8221;streamline&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;80px||80px||false|false&#8221; custom_padding_tablet=&#8221;30px||30px||false|false&#8221; custom_padding_phone=&#8221;30px||30px||false|false&#8221; da_disable_devices=&#8221;off|off|off&#8221; global_colors_info=&#8221;{}&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;exp&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_2_font=&#8221;|700|||||||&#8221; header_2_text_align=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2>Share ideas, gather feedback, and refine designs <span style=\"color: #01a5f9;\">before coding.<\/span><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#4d4d4d&#8221; text_font_size=&#8221;22px&#8221; header_4_text_align=&#8221;center&#8221; header_6_text_align=&#8221;center&#8221; header_6_text_color=&#8221;#4d4d4d&#8221; header_6_line_height=&#8221;1.8em&#8221; text_orientation=&#8221;center&#8221; max_width=&#8221;1174px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;6px||0px||false|false&#8221; custom_margin_tablet=&#8221;6px||0px||false|false&#8221; custom_margin_phone=&#8221;0px||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;||35px||false|false&#8221; custom_padding_tablet=&#8221;||0px||false|false&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Get your free UI Kit now, and render professional-looking, user-friendly applications, which you can deploy exceptionally fast across platforms with <a href=\"https:\/\/lansa.com\/products\/visual-lansa\/\" target=\"_blank\" rel=\"noopener\">Visual LANSA.<\/a><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=&#8221;on|tablet&#8221; module_class=&#8221;pa-inline-buttons&#8221; _builder_version=&#8221;4.24.3&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;30px||0px||false|false&#8221; custom_padding_phone=&#8221;30px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.5&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;#contact-us&#8221; button_text=&#8221;Get the free UI Kit now&#8221; button_alignment=&#8221;center&#8221; module_class=&#8221;axes-trial-form-cta&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_bg_color=&#8221;#18c16f&#8221; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;|15px|||false|false&#8221; custom_padding=&#8221;13px|26px|13px|26px|true|true&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; disabled_on=&#8221;off|off|off&#8221; module_id=&#8221;contact-us&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f4fafd&#8221; background_enable_image=&#8221;off&#8221; custom_padding=&#8221;70px||70px||false|false&#8221; custom_padding_tablet=&#8221;30px||10px||false|false&#8221; custom_padding_phone=&#8221;30px||20px||false|false&#8221; da_disable_devices=&#8221;off|off|off&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; custom_css_before_last_edited=&#8221;on|phone&#8221; custom_css_before_phone=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Group-1000006077-1.png);||background-position: right;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top: -569px;|| left: 0;|| right: 0;|| bottom: 0;&#8221; custom_css_before_tablet=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Group-1000006077-1.webp);||background-position: right;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top: -505px;|| left: 0;|| right: 0;|| bottom: 0;&#8221; custom_css_after_last_edited=&#8221;on|phone&#8221; custom_css_after_phone=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Frame-13-1.png);||background-position: left;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top:550px;|| left: 0;|| right: 0;|| bottom: 0;&#8221; custom_css_after_tablet=&#8221;background-image: url(\/wp-content\/uploads\/2023\/01\/Frame-8.png);||background-position: left;|| background-repeat: no-repeat;|| content: %22%22;|| position: absolute;|| top:294px;|| left: 0;|| right: 0;|| bottom: 0;||&#8221; da_is_popup=&#8221;off&#8221; da_exit_intent=&#8221;off&#8221; da_has_close=&#8221;on&#8221; da_alt_close=&#8221;off&#8221; da_dark_close=&#8221;off&#8221; da_not_modal=&#8221;on&#8221; da_is_singular=&#8221;off&#8221; da_with_loader=&#8221;off&#8221; da_has_shadow=&#8221;on&#8221;][et_pb_row column_structure=&#8221;2_5,3_5&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; make_equal=&#8221;on&#8221; module_class=&#8221;pa-inline-buttonsn&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; width=&#8221;90%&#8221; width_tablet=&#8221;&#8221; width_phone=&#8221;90%&#8221; width_last_edited=&#8221;on|phone&#8221; custom_margin=&#8221;||||false|false&#8221; custom_margin_tablet=&#8221;||||false|false&#8221; custom_margin_phone=&#8221;||0px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_css_main_element=&#8221;align-items: center;&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_class=&#8221;heading-modernize ibm&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; header_2_font=&#8221;|700|||||||&#8221; header_2_font_size=&#8221;40px&#8221; module_alignment=&#8221;center&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_margin_tablet=&#8221;||45px||false|false&#8221; custom_margin_phone=&#8221;||15px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_css_main_element=&#8221;vertical-align:middle;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2 style=\"text-align: left;\">Get your <span style=\"color: #01a5f9;\">free UI Kit <\/span>now.<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>We\u2019ll send you the Material UI Kit via email. Simply upload it to Figma to get started. It\u2019s that easy.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_font_size=&#8221;24px&#8221; width=&#8221;400px&#8221; max_width=&#8221;100%&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;||5px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;10px|10px|10px|10px|true|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><img decoding=\"async\" src=\"https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/Untitled-design-6.png\" width=\"26\" height=\"26\" alt=\"\" class=\"wp-image-68722 alignnone size-full\" \/> Save time<\/h3>\n<p>Access ready-made UI elements to create pixel-perfect mockups for Visual LANSA.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_font_size=&#8221;24px&#8221; width=&#8221;400px&#8221; max_width=&#8221;100%&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;||5px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;10px|10px|10px|10px|true|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><img decoding=\"async\" src=\"\/wp-content\/uploads\/2024\/09\/fi-consilt-with-experts.png\" \/> \u00a0Improve collaboration<\/h3>\n<p>Share ideas, gather feedback, and refine designs before coding.[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;|700|||||||&#8221; header_3_font_size=&#8221;24px&#8221; width=&#8221;400px&#8221; max_width=&#8221;100%&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;||5px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;10px|10px|10px|10px|true|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><img decoding=\"async\" src=\"https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/Untitled-design-8.png\" width=\"24\" height=\"24\" alt=\"\" class=\"wp-image-68724 alignnone size-full\" \/> Achieve consistency<\/h3>\n<p>Maintain a unified visual style across your projects using standardized components.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;700px&#8221; module_alignment=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<script src=\"http:\/\/ajax.aspnetcdn.com\/ajax\/jquery.validate\/1.15.0\/jquery.validate.min.js\"><\/script>\r\n<script src='https:\/\/www.google.com\/recaptcha\/api.js?hl=en'><\/script>\r\n<script src=\"https:\/\/www.google.com\/recaptcha\/api.js?onload=onloadCallback&render=explicit\" async defer>\r\n<\/script>\r\n<div class=\"eloqua_form_wrapper my-formwrapper\">\r\n<h4>Submit this form to get your free UI kit.<\/h4>\r\n    <form method=\"post\" name=\"WebinarRecordingsForm\" id=\"form3464\" class=\"elq-form webinarRecordingsLns\"\r\n        onsubmit=\"return handleFormSubmit(this)\">\r\n        <input value=\"608\" type=\"hidden\" name=\"elqSiteId\">\r\n        <input type=\"hidden\" name=\"ProdInterestArea\" id=\"fe59749\" value=\"LNS\">\r\n        <input type=\"hidden\" name=\"ProdInterestArea_LNS\" id=\"fe59747\" value=\"1\">\r\n        <input type=\"hidden\" name=\"retURL\" id=\"fe59755\" value=\"\">\r\n        <input type=\"hidden\" name=\"Topic\" id=\"topic\" value=\"\">\r\n        <input type=\"hidden\" class=\"elq-item-input\" name=\"utm_campaign\" id=\"utm_campaign\" value=\"\">\r\n        <input type=\"hidden\" class=\"elq-item-input\" name=\"utm_source\" id=\"utm_source\" value=\"\">\r\n        <input type=\"hidden\" class=\"elq-item-input\" name=\"utm_medium\" id=\"utm_medium\" value=\"\">\r\n        <input type=\"hidden\" class=\"elq-item-input\" name=\"utm_term\" id=\"utm_term\" value=\"\">\r\n        <input type=\"hidden\" class=\"elq-item-input\" name=\"utm_content\" id=\"utm_content\" value=\"\">\r\n\r\n        <div class=\"new-field space\">\r\n            <div class=\"input_wrapper\">\r\n                <label>First Name <span class=\"require\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"elq-item-input\" name=\"first_name\" id=\"firstName\" value=\"\" required='true'>\r\n            <\/div>\r\n            <div class=\"input_wrapper\">\r\n                <label>Last Name <span class=\"require\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"elq-item-input\" name=\"last_name\" id=\"lastName\" value=\"\" required='true'>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"new-field space\">\r\n            <div class=\"input_wrapper\">\r\n                <label>Email <span class=\"require\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"elq-item-input email error\" name=\"email\" id=\"email\" required=\"true\"\r\n                    aria-required=\"true\">\r\n                <span id=\"emailmessage\" class=\"error\" style=\"display:none\">Please enter valid Email address<\/span>\r\n                <span id=\"email-domail-error\" class=\"error\" style=\"display: none;\">\r\n                    <p>Valid Email<\/p>\r\n                <\/span>\r\n            <\/div>\r\n            <div class=\"input_wrapper\">\r\n                <label>Company <span class=\"require\">*<\/span><\/label>\r\n                <input type=\"text\" class=\"elq-item-input\" name=\"company\" id=\"company\" value=\"\" required='true'>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"new-field\">\r\n            <div class=\"input_wrapper\">\r\n                <label>Select Your Country <span class=\"require\">*<\/span><\/label>\r\n                <select id=\"country-sel\" class=\"elq-item-input\" name=\"country\" required='true'>\r\n                    <option value=\"\"><\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <div class=\"input_wrapper state_wrapper hidden\">\r\n                <select id=\"SateUS\" class=\"elq-item-input state hidden SateUS\" name=\"SateUS\"\r\n                    placeholder=\"Select Your State *\">\r\n                    <option selected=\"selected\" value=\"\"> Select Your State <\/option>\r\n                <\/select>\r\n                <select id=\"ProvinceCA\" class=\"elq-item-input state hidden ProvinceCA\" name=\"ProvinceCA\"\r\n                    placeholder=\"Select Your State  *\">\r\n                    <option selected=\"selected\" value=\"\">Select Your State<\/option>\r\n                <\/select>\r\n                <select id=\"StateMexico\" class=\"elq-item-input state hidden StateMexico \" name=\"StateMexico\"\r\n                    placeholder=\"Select Your State  *\">\r\n                    <option selected=\"selected\" value=\"\">Select Your State <\/option>\r\n                <\/select>\r\n                <select id=\"StateBrazil\" class=\"elq-item-input state hidden StateBrazil\" name=\"StateBrazil\"\r\n                    placeholder=\"Select Your State  *\">\r\n                    <option selected=\"selected\" value=\"\"> Select Your State <\/option>\r\n                <\/select>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"input_wrapper termsChk hidden topchbx\">\r\n            <input type=\"checkbox\" name=\"CheckboxGDPR1\" id=\"fe59744\" value=\"\">\r\n            <label class=\"gdpr_compliances marketing\" for=\"fe59893\">I agree to receive marketing communication from\r\n                LANSA for product updates, sales services,promotions, news, and events. I can withdraw my consent at any\r\n                time and update my communication preference at the subscription center from any email received.<\/label>\r\n        <\/div>\r\n\r\n        <div class=\"input_wrapper termsChk hidden\">\r\n            <input type=\"checkbox\" name=\"CheckboxGDPR2\" id=\"fe59745\" value=\"\">\r\n            <label class=\"gdpr_compliances marketing\" for=\"fe59894\">I have read, understand, and agree to LANSA's <a\r\n                    href=\"https:\/\/www.ideracorp.com\/legal\/Lansa#tabs-2\" target=\"_blank\">Terms of Use<\/a> & <a\r\n                    href=\"https:\/\/www.ideracorp.com\/Legal\/PrivacyPolicy\" target=\"_blank\">Privacy Statement<\/a> <span\r\n                    class=\"elq-required\"> * <\/span> <\/label>\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"input_wrapper\" style=\"margin-top: 15px;\">\r\n            <div id=\"google_recaptcha\"><\/div>\r\n            <span id=\"recaptchaMessage\" class=\"error\" style=\"display:none\">The reCAPTCHA was invalid. Go back and try it\r\n                again.<\/span>\r\n        <\/div>\r\n        <small class=\"us_privacy_policy\" style=\"margin-bottom:10px\">\r\n            <strong>Note:<\/strong> By filling and submitting this form you understand and agree that the use of LANSA's.\r\n            website is subject to the <a href=\"https:\/\/www.ideracorp.com\/legal\/Lansa#tabs-2\r\n\" target=\"_blank\">General Website Terms of Use<\/a>. Additional details regarding LANSA's. collection and use of your\r\n            personal information, including information about access, retention, rectification, deletion, security,\r\n            cross-border transfers and other topics, is available in the <a href=\"https:\/\/www.ideracorp.com\/Legal\/PrivacyPolicy\r\n\" target=\"_blank\">Privacy Policy<\/a>.\r\n        <\/small>\r\n        <div class=\"input_wrapper sub\">\r\n            <input type=\"Submit\" class=\"submit-eloqua-frm \" value=\"GET THE FREE UI KIT\" id=\"submitEloquaForm\">\r\n        <\/div>\r\n    <\/form>\r\n<\/div>\r\n<style>\r\n    label.gdpr_compliances.marketing {\r\n        margin-top: 14px;\r\n    }\r\n\r\n    .input_wrapper.state_wrapper {\r\n        margin-top: 22px;\r\n    }\r\n\r\n    input#time1,\r\n    input#time2,\r\n    input#time3 {\r\n        max-width: fit-content;\r\n        min-height: auto;\r\n    }\r\n\r\n    .time {\r\n        padding: 10px 0px;\r\n    }\r\n\r\n    input[type=radio] {\r\n        accent-color: #06a859;\r\n    }\r\n\r\n    .new-field.space {\r\n        padding-top: 20px;\r\n    }\r\n<\/style>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Free Visual LANSA UI Kit for Designing Business Applications with FigmaCreate modern designs and consistent experiences for LANSA applications with the free Material UI Kit. Rapidly build, test, and approve ideas before any coding work for maximum development efficiency.<div class=\"et_pb_module dsm_button dsm_button_0 &#8221;inlines&#8221; et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_button_module_wrappers dsm_button_0_wrapper  et_pb_module\">\n\t\t\t\t<a class=\"et_pb_button et_pb_button_one et_pb_bg_layout_light dsm-none &#8221;axes-demo-form-cta&#8221;\"  href=\"http:\/\/&#8221;#contact-us&#8221;\" data-dsm-lightbox-id=\"dsm_button_one_lightbox dsm_button_0\">&#8221;Get<\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/p>\n","protected":false},"author":2,"featured_media":68762,"parent":31351,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-67896","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Visual LANSA UI Kit for Developers and UI Designers<\/title>\n<meta name=\"description\" content=\"Download Visual LANSA UI Kit, a comprehensive UI kit for Visual LANSA developers and UI designers that is fully compatible with Figma.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Visual LANSA UI Kit\" \/>\n<meta property=\"og:description\" content=\"Download Visual LANSA UI Kit, a comprehensive UI kit for Visual LANSA developers and UI designers that is fully compatible with Figma.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/\" \/>\n<meta property=\"og:site_name\" content=\"LANSA\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-18T14:34:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/HeroImage-v3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1769\" \/>\n\t<meta property=\"og:image:height\" content=\"1196\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/\",\"url\":\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/\",\"name\":\"Visual LANSA UI Kit for Developers and UI Designers\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lansa.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lansa.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/HeroImage-v3.png\",\"datePublished\":\"2024-11-18T11:50:08+00:00\",\"dateModified\":\"2024-12-18T14:34:25+00:00\",\"description\":\"Download Visual LANSA UI Kit, a comprehensive UI kit for Visual LANSA developers and UI designers that is fully compatible with Figma.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lansa.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/HeroImage-v3.png\",\"contentUrl\":\"https:\\\/\\\/lansa.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/HeroImage-v3.png\",\"width\":1769,\"height\":1196,\"caption\":\"Free Visual LANSA UI Kit\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lansa.com\\\/products\\\/visual-lansa-ui-kit\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/lansa.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Products\",\"item\":\"https:\\\/\\\/lansa.com\\\/products\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Visual LANSA UI Kit\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lansa.com\\\/#website\",\"url\":\"https:\\\/\\\/lansa.com\\\/\",\"name\":\"LANSA\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/lansa.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lansa.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lansa.com\\\/#organization\",\"name\":\"LANSA\",\"url\":\"https:\\\/\\\/lansa.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/lansa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lansa.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Lansa_ID_Logo.png\",\"contentUrl\":\"https:\\\/\\\/lansa.com\\\/wp-content\\\/uploads\\\/2022\\\/06\\\/Lansa_ID_Logo.png\",\"width\":140,\"height\":51,\"caption\":\"LANSA\"},\"image\":{\"@id\":\"https:\\\/\\\/lansa.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Visual LANSA UI Kit for Developers and UI Designers","description":"Download Visual LANSA UI Kit, a comprehensive UI kit for Visual LANSA developers and UI designers that is fully compatible with Figma.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/","og_locale":"en_US","og_type":"article","og_title":"Visual LANSA UI Kit","og_description":"Download Visual LANSA UI Kit, a comprehensive UI kit for Visual LANSA developers and UI designers that is fully compatible with Figma.","og_url":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/","og_site_name":"LANSA","article_modified_time":"2024-12-18T14:34:25+00:00","og_image":[{"width":1769,"height":1196,"url":"https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/HeroImage-v3.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/","url":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/","name":"Visual LANSA UI Kit for Developers and UI Designers","isPartOf":{"@id":"https:\/\/lansa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/#primaryimage"},"image":{"@id":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/#primaryimage"},"thumbnailUrl":"https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/HeroImage-v3.png","datePublished":"2024-11-18T11:50:08+00:00","dateModified":"2024-12-18T14:34:25+00:00","description":"Download Visual LANSA UI Kit, a comprehensive UI kit for Visual LANSA developers and UI designers that is fully compatible with Figma.","breadcrumb":{"@id":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/#primaryimage","url":"https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/HeroImage-v3.png","contentUrl":"https:\/\/lansa.com\/wp-content\/uploads\/2024\/12\/HeroImage-v3.png","width":1769,"height":1196,"caption":"Free Visual LANSA UI Kit"},{"@type":"BreadcrumbList","@id":"https:\/\/lansa.com\/products\/visual-lansa-ui-kit\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/lansa.com\/"},{"@type":"ListItem","position":2,"name":"Products","item":"https:\/\/lansa.com\/products\/"},{"@type":"ListItem","position":3,"name":"Visual LANSA UI Kit"}]},{"@type":"WebSite","@id":"https:\/\/lansa.com\/#website","url":"https:\/\/lansa.com\/","name":"LANSA","description":"","publisher":{"@id":"https:\/\/lansa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lansa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/lansa.com\/#organization","name":"LANSA","url":"https:\/\/lansa.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lansa.com\/#\/schema\/logo\/image\/","url":"https:\/\/lansa.com\/wp-content\/uploads\/2022\/06\/Lansa_ID_Logo.png","contentUrl":"https:\/\/lansa.com\/wp-content\/uploads\/2022\/06\/Lansa_ID_Logo.png","width":140,"height":51,"caption":"LANSA"},"image":{"@id":"https:\/\/lansa.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/pages\/67896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/comments?post=67896"}],"version-history":[{"count":31,"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/pages\/67896\/revisions"}],"predecessor-version":[{"id":68898,"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/pages\/67896\/revisions\/68898"}],"up":[{"embeddable":true,"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/pages\/31351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/media\/68762"}],"wp:attachment":[{"href":"https:\/\/lansa.com\/wp-json\/wp\/v2\/media?parent=67896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}