Development

Gravity Form
Just pick a form and it will fill the container width. For extra spacing/color/content, wrap it in a Group block and customize that.

Group Background Effects
In the Animated Gradient Background settings, you can configure a background gradient to slide in when the Group enters the viewport. With options available for sliding in from the left or right, and if the default background should be transparent or the edge color.

WHAT WE DO

Duis aute irure dolor in reprehenderit

Lorem ipdum dolor sit amet, consecteteur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

We put our people above everything else.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Development

Blending Modes
Backgrounds can have blending modes applied on a per-layer basis.

Who is a Good Boy?

Pupper very taste wow shooberino very jealous pupper stop it fren, pupperino doing me a frighten. Pats such treat heckin good boys such treat, waggy wags clouds.

MORE Blending Modes?!
Images, Columns, and Groups can also get a mix-blend-mode using Skeletor Block Effects

Development
Base Image
Development
Multiply
Development
Darken
Development
Sure, why not Difference

Block Effects
Groups, Columns, and Images can have css filters applied using Skeletor Block Effects

Development
Base Image
Development
+ Brightness/Contrast
Development
DeCATurated
Development
Blurry Cat, what are they feeding you?

Block Effects
Or instead of manual filters, there’s a canned “Duotone Background Image” option. This uses the Block’s ::before pseudoelement, and stacks over the background.

Day 983 of my captivity. My captors continue to taunt me with bizarre little dangling objects. They dine lavishly on fresh meat, while the other inmates and I are fed hash or some sort of dry nuggets. Although I make my contempt for the rations perfectly clear, I nevertheless must eat something in order to keep up my strength.

Block Animation
Select an Animation Style from the dropdown menu in Block Settings to have the block play a quick intro animation when it enters the viewport.

Development
Fade In
Development
Slide Up
Development
Slide Right
Development
Slide Left

NEW SKELETOR FEATURE — Container Queries!
“Post Card” blocks should always be wrapped in a .post-card-container element for @container support. Solution Cards will change their max height to 540px when they’re at least 600px wide

Development

You need safety networks you can rely on. We deliver experience and expertise that’s second to none.

Development

You need safety networks you can rely on. We deliver experience and expertise that’s second to none.