Animated & Responsive
UDesign Flip box element is awesome enough. This can be used to add some interaction with your content. All customers would be great fans of this Element.
Lorem ipsum dolor
14 Products
Lorem ipsum dolor
14 Products
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, loremq bibendum auctor, nisi elit.consequat. Nec sagittis sem nibh id elit.
Read MoreGraphic Portfolio
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, loremq bibendum auctor, nisi elit.
Read MoreLorem ipsum dolor
14 Products
Lorem ipsum dolor
14 Products
Lorem ipsum dolor
14 Products
Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, loremq bibendum auctor, nisi elit.consequat. Nec sagittis sem nibh id elit.
Read More
Build Your Own Flipbox
Various Options
You can fully customize the content and image on the front and backside. Be creative with our element.
- Control Front Side Content.
- Control Back Side Content.
- Flipbox Settings are here.
- Bundle of styling options are ready.
Animation Effects
UDesign Flip boxes support 3 default types - Fall, Pull and Slide. These elements allow you to choose any flip effect you want to use that best matches your design style.
Fall Effects
Fall Left
Animation and controlling direction are both possible for you flipbox.
Fall Left
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inci-didunt ut labore et dolore magna.
View MoreFall Up
Animation and controlling direction are both possible for you flipbox.
Fall Up
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inci-didunt ut labore et dolore magna.
View MoreFall Right
Animation and controlling direction are both possible for you flipbox.
Fall Right
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inci-didunt ut labore et dolore magna.
View MorePull Effects
Slide Effects
Glossary
Flipbox Element Options
Customize Elements Globally or Individually
- Choose Icon – Choose Icon from icon library or upload svg you made.
- Title – Input flipbox title.
- Subtitle – Input flipbox subtitle.
- Content – Input flipbox description.
- Button text – Input flipbox button label.
- Button Link – Input flipbox button url.
- Alignment – Control the horizontal alignment of flipbox content.
- Max Height – Control the max height of flipbox.
- Min Height – Control the min height of flipbox.
- Animation Effects – Choose one flip effect you want to vary your approach to design.
- Content Alignment – Control the vertical alignment of flipbox content.
- Layout Background Type – You can set background type of flipbox as 2 types – classic and gradient.
- Icon View – Select flipbox icon type from 3 types.
- Icon Color – Control flipbox icon color.
- Icon Size – Control flipbox icon size.
- Icon Padding – Control flipbox icon padding.
- Button Type – Select your favourite button type from 5 types.
- Button Size – It can be small, medium, large and extra large.
- Show icon – Enable to show or hide icon beside button label.
- Icon Position – Control the icon position inside button.
- Icon Spacing – Control the spacing between button label and icon.
- Icon Hover Effect – Control the icon effect on button hover event.