Row Animations

The Row Animations feature leverages GSAP to create smooth, engaging transitions, allowing rows to animate on scroll events with customizable effects and timings.

[vc_section back_color=”color-wayh” overlay_alpha=”50″ content_parallax=”0″ uncode_shortcode_id=”136541″ back_color_type=”uncode-palette” el_class=”demo-section demo-dark-background”][vc_row unlock_row_content=”yes” row_height_percent=”100″ override_padding=”yes” h_padding=”0″ top_padding=”0″ bottom_padding=”0″ back_color=”color-jevc” back_image=”11296″ back_position=”center top” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ bottom_divider=”gradient” css_animation=”scroll-trigger” sticky_scroll=”yes” animate_el=”bg” animation_target=”mask” animation_origin=”center” animation_mask=”both” animation_mask_val=”55″ animation_opacity=”100″ animation_blur=”0″ animation_offset_top=”0″ animation_offset_bottom=”100″ animation_ease_out=”sine” content_parallax=”0″ uncode_shortcode_id=”950590″ back_color_type=”uncode-palette” animation_radius=”2vw”][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1/1″ uncode_shortcode_id=”354166″ mobile_height=”100vh”][vc_custom_heading text_font=”font-955596″ text_size=”custom” text_weight=”900″ text_transform=”uppercase” text_space=”fontspace-111509″ uncode_shortcode_id=”800096″ heading_custom_size=”16vw”]Discover[/vc_custom_heading][/vc_column][/vc_row][/vc_section][vc_section back_color=”color-wayh” overlay_alpha=”50″ content_parallax=”0″ uncode_shortcode_id=”383757″ back_color_type=”uncode-palette” el_class=”demo-section demo-dark-background”][vc_row unlock_row_content=”yes” row_height_percent=”100″ override_padding=”yes” h_padding=”7″ top_padding=”5″ bottom_padding=”5″ back_color=”color-xsdn” overlay_alpha=”50″ gutter_size=”4″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ css_animation=”scroll-trigger” animation_state=”end” animation_origin=”bottom center” animation_scale_val=”100″ animation_opacity=”100″ animation_x=”0″ animation_y=”0″ animation_blur=”0″ animation_rotate=”0″ animation_perspective=”85″ animation_offset_top=”0″ animation_offset_bottom=”100″ content_parallax=”0″ uncode_shortcode_id=”212529″ back_color_type=”uncode-palette”][vc_column column_width_use_pixel=”yes” position_vertical=”middle” gutter_size=”4″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1/1″ uncode_shortcode_id=”914644″ column_width_pixel=”900″][vc_custom_heading heading_semantic=”h6″ text_font=”font-955596″ text_size=”custom” text_weight=”300″ text_height=”fontheight-357766″ text_space=”fontspace-781688″ css_animation=”text-reveal” text_reveal_opacity=”20″ text_reveal_speed=”50″ text_reveal_top=”70″ uncode_shortcode_id=”753667″ heading_custom_size=”clamp(30px,4vw,46px)”]Every day, we partner with visionaries who trust us to bring their ideas to life. With designers, strategists, and developers, we craft impactful digital experiences.
Our award-winning design agency believes in the power of creativity — to transform brands, engage audiences, drive growth, and inspire innovation.[/vc_custom_heading][/vc_column][/vc_row][/vc_section][vc_row unlock_row_content=”yes” row_height_percent=”100″ override_padding=”yes” h_padding=”0″ top_padding=”0″ bottom_padding=”0″ back_color=”color-jevc” overlay_alpha=”50″ gutter_size=”2″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ enable_top_divider=”default” top_divider=”gradient” shape_top_h_use_pixel=”true” shape_top_height_percent=”25″ shape_top_color=”color-jevc” shape_top_opacity=”50″ shape_top_index=”1″ enable_bottom_divider=”default” bottom_divider=”gradient” shape_bottom_h_use_pixel=”true” shape_bottom_height_percent=”25″ shape_bottom_color=”color-jevc” shape_bottom_opacity=”50″ shape_bottom_index=”1″ css_animation=”scroll-trigger” animate_el=”content” animation_scale_val=”200″ animation_opacity=”0″ animation_x=”0″ animation_y=”0″ animation_blur=”0″ animation_rotate=”0″ animation_perspective=”0″ animation_offset_top=”100″ animation_offset_bottom=”100″ content_parallax=”0″ uncode_shortcode_id=”140295″ back_color_type=”uncode-palette” el_class=”overflow-hidden” shape_top_color_type=”uncode-palette” shape_bottom_color_type=”uncode-palette”][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1/1″ uncode_shortcode_id=”835425″ mobile_height=”50vh”][vc_row_inner row_inner_height_percent=”0″ overlay_alpha=”50″ gutter_size=”2″ shift_y=”0″ z_index=”1″ uncode_shortcode_id=”299279″ limit_content=””][vc_column_inner column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”3″ mobile_width=”3″ width=”1/4″ uncode_shortcode_id=”109855″][vc_gallery el_id=”gallery-987″ type=”linear” medias=”11311,2440,11297″ gutter_size=”2″ linear_orientation=”vertical” linear_width=”100%” linear_animation=”marquee-scroll” linear_speed=”-4″ marquee_clone=”yes” media_items=”media|nolink|original” css_grid_images_size=”four-three” single_overlay_opacity=”50″ single_overlay_anim=”no” single_text_anim=”no” single_image_anim=”no” single_padding=”2″ single_border=”yes” uncode_shortcode_id=”155923″][/vc_column_inner][vc_column_inner column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”3″ mobile_width=”3″ width=”1/4″ uncode_shortcode_id=”113286″][vc_gallery el_id=”gallery-876″ type=”linear” medias=”11307,11298,11299″ gutter_size=”2″ linear_orientation=”vertical” linear_width=”100%” linear_animation=”marquee-scroll-opposite” linear_speed=”-4″ marquee_clone=”yes” media_items=”media|nolink|original” css_grid_images_size=”four-three” single_overlay_opacity=”50″ single_overlay_anim=”no” single_text_anim=”no” single_image_anim=”no” single_padding=”2″ single_border=”yes” uncode_shortcode_id=”333406″][/vc_column_inner][vc_column_inner column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”3″ mobile_width=”3″ width=”1/4″ uncode_shortcode_id=”409177″][vc_gallery el_id=”gallery-765″ type=”linear” medias=”2286,2440,11295″ gutter_size=”2″ linear_orientation=”vertical” linear_width=”100%” linear_animation=”marquee-scroll” linear_speed=”-4″ marquee_clone=”yes” media_items=”media|nolink|original” css_grid_images_size=”four-three” single_overlay_opacity=”50″ single_overlay_anim=”no” single_text_anim=”no” single_image_anim=”no” single_padding=”2″ single_border=”yes” uncode_shortcode_id=”688497″][/vc_column_inner][vc_column_inner column_width_percent=”100″ gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_visibility=”yes” medium_width=”0″ mobile_visibility=”yes” mobile_width=”0″ width=”1/4″ uncode_shortcode_id=”547444″][vc_gallery el_id=”gallery-543″ type=”linear” medias=”11307,11295,11298″ gutter_size=”2″ linear_orientation=”vertical” linear_width=”100%” linear_animation=”marquee-scroll-opposite” linear_speed=”-4″ marquee_clone=”yes” media_items=”media|nolink|original” css_grid_images_size=”four-three” single_overlay_opacity=”50″ single_overlay_anim=”no” single_text_anim=”no” single_image_anim=”no” single_padding=”2″ single_border=”yes” uncode_shortcode_id=”577865″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_section back_color=”color-wayh” overlay_alpha=”50″ content_parallax=”0″ uncode_shortcode_id=”209444″ back_color_type=”uncode-palette” el_class=”demo-section demo-dark-background”][vc_row unlock_row_content=”yes” row_height_percent=”100″ override_padding=”yes” h_padding=”7″ top_padding=”5″ bottom_padding=”5″ back_color=”color-xsdn” overlay_alpha=”50″ gutter_size=”4″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ css_animation=”scroll-trigger” animation_target=”mask” animation_origin=”center” animation_mask=”both” animation_mask_val=”65″ animation_opacity=”100″ animation_blur=”0″ animation_offset_top=”100″ animation_offset_bottom=”100″ content_parallax=”0″ uncode_shortcode_id=”135860″ back_color_type=”uncode-palette” animation_radius=”4em”][vc_column column_width_use_pixel=”yes” position_vertical=”middle” gutter_size=”4″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1/1″ uncode_shortcode_id=”914644″ column_width_pixel=”900″][vc_custom_heading heading_semantic=”h6″ text_font=”font-955596″ text_size=”custom” text_weight=”300″ text_height=”fontheight-357766″ text_space=”fontspace-781688″ css_animation=”text-reveal” text_reveal_opacity=”20″ text_reveal_speed=”50″ text_reveal_top=”70″ uncode_shortcode_id=”388986″ heading_custom_size=”clamp(30px,4vw,46px)”]As a web-design agency, we understand the art of digital storytelling — to captivate users, amplify brands, and deliver measurable successful experiences.
We collaborate with forward-thinking leaders, bringing their visions to reality. Our team excels in crafting innovative web solutions that inspire our clients.[/vc_custom_heading][/vc_column][/vc_row][/vc_section][vc_section back_color=”color-wayh” overlay_alpha=”50″ content_parallax=”0″ uncode_shortcode_id=”957247″ back_color_type=”uncode-palette” el_class=”demo-section demo-dark-background”][vc_row unlock_row_content=”yes” row_height_percent=”100″ override_padding=”yes” h_padding=”0″ top_padding=”0″ bottom_padding=”0″ back_color=”color-jevc” back_image=”11299″ overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ bottom_divider=”gradient” css_animation=”scroll-trigger” animate_el=”bg” animation_origin=”center” animation_scale_val=”10″ animation_opacity=”100″ animation_x=”0″ animation_y=”0″ animation_blur=”0″ animation_rotate=”-25″ animation_offset_top=”50″ animation_offset_bottom=”0″ animation_safe=”yes” content_parallax=”0″ uncode_shortcode_id=”506608″ back_color_type=”uncode-palette” animation_radius=”4vw”][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1/1″ uncode_shortcode_id=”199282″ mobile_height=”100vh”][vc_custom_heading text_font=”font-955596″ text_size=”custom” text_weight=”900″ text_transform=”uppercase” text_space=”fontspace-111509″ css_animation=”marquee-scroll” marquee_clone=”yes” marquee_speed=”0″ uncode_shortcode_id=”199226″ heading_custom_size=”16vw”]Join Us ·[/vc_custom_heading][/vc_column][/vc_row][/vc_section][vc_section back_color=”color-wayh” overlay_alpha=”50″ content_parallax=”0″ uncode_shortcode_id=”124181″ back_color_type=”uncode-palette” el_class=”demo-section demo-dark-background”][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”7″ bottom_padding=”7″ back_color=”color-xsdn” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ css_animation=”scroll-trigger” animation_state=”end” animation_origin=”bottom center” animation_scale_val=”80″ animation_opacity=”100″ animation_x=”0″ animation_y=”-8″ animation_blur=”0″ animation_rotate=”5″ animation_offset_top=”0″ animation_offset_bottom=”0″ content_parallax=”0″ uncode_shortcode_id=”396369″ back_color_type=”uncode-palette” animation_radius=”2vw”][vc_column column_width_use_pixel=”yes” position_vertical=”middle” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”1/1″ uncode_shortcode_id=”976476″ column_width_pixel=”900″][vc_custom_heading heading_semantic=”h6″ text_font=”font-955596″ text_size=”custom” text_weight=”300″ text_height=”fontheight-357766″ text_space=”fontspace-781688″ css_animation=”text-reveal” text_reveal_opacity=”20″ text_reveal_speed=”50″ text_reveal_top=”70″ uncode_shortcode_id=”433657″ heading_custom_size=”clamp(30px,4vw,46px)”]Our award-winning agency champions the potential of design to connect people, reshape industries, and create lasting impact. Working with bold and innovative partners, we lead the way in building memorable brands. With visionaries strategists, developers, and creators, we deliver excellence every day.[/vc_custom_heading][/vc_column][/vc_row][/vc_section]