Foundry - Various Divider Stacks

Animated Divider

Add divider lines to your page that animate into place, expanding to fill in their designated space. Some more examples. A Thunder Pack addon stack. Settings: Advanced Gradient (light blue to white): Start delay:.50, Duration: 3.0 sec

Linear
Slowest Ease out
Slightly Quicker Ease Out
Quick Ease Out
Quickest Ease out
Out and Back
Elastic
Bounce
Slomo
Stepped
Circular
Expo
Sine
Divider

A simple way to divide content on your pages. It is a great way to organize and clean up a page.

  • Use a color picker to style your lines
  • Add header text to your divider line
  • Style header text
  • Choose a line thickness
  • Select a style line style that matches your content

Not shown are dotted and dashed dividers

Solid with Label, Red, 2 px

Read-Me

Solid - 50%, Dark Blue, 1 px
Double - 75%, Green, 5 px
Rainbow Bar

Include a unique touch of style to your site using the Rainbow Bar to create visually stunning, responsive dividers.

  • Set the divider height
  • Choose standrad or gradient mode
  • Use color pickers to choose 5 colors
Angle

Product Page

Create angled, decorative dividers for your content using Foundry’s color swatches, solid colors or custom gradients.

Angles