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 More

Graphic Portfolio

Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, loremq bibendum auctor, nisi elit.

Read More

Lorem 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
FlipBox Image

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 More

Fall 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 More

Fall 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 More

Pull effects

Studio

Minimalist living room design trend

View More

Studio

Minimalist living room design trend

View More

Studio

The co-working interior classic design

View More

Studio

The co-working interior classic design

View More

Studio

Modern luxury bathroom interior design in here

View More

Studio

Modern luxury bathroom interior design in here

View More

Slide effects

Add your heading text here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua.

Add your heading text here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua.

View More

Add your heading text here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua.

Add your heading text here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eius-mod tempor incididunt ut labore et dolore magna aliqua.

View More

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.