Get Hootin’

§ Hero (above fold)

Build launch-ready pages faster

Subhead beside a media image.

Get started
Placeholder

§ Feature grid

Placeholder

Feature one

Card body copy for the QA layout.

Placeholder

Feature two

Card body copy for the QA layout.

Placeholder

Feature three

Card body copy for the QA layout.

§ Parallax gallery

Scalable
Secure
Conversion
Responsive
Seo optimised
Speed

§ Sticky sidebar

Sidebar

I should pin while the long column scrolls.

Long para 1.

Long para 2.

Long para 3.

Long para 4.

Long para 5.

Long para 6.

Long para 7.

Long para 8.

§ Card-stacking deck

Hero image

Deck card 1

Card body copy for the QA layout.

Cta image

Deck card 2

Card body copy for the QA layout.

Placeholder

Deck card 3

Card body copy for the QA layout.

Placeholder

Deck card 4

Card body copy for the QA layout.

§ Border showcase

Gradient / animated border

Self-contained ring.

Line-style border

Restyles a native border.

§ Nested groups

Level 2 group

Level 3 group

Nested col A

Nested col B

§ Responsive

Placeholder

R1

Card body copy for the QA layout.

Placeholder

R2

Card body copy for the QA layout.

Placeholder

R3

Card body copy for the QA layout.

IL Image Marquee Placeholder — image

R4

Card body copy for the QA layout.

IL Image Marquee Placeholder — image

R5

Card body copy for the QA layout.

IL Image Marquee Placeholder — image

R6

Card body copy for the QA layout.

Row item 1

Row item 2

Row item 3

§ Overlay

Overlay tint over a background image

Content stays legible above the tint.

§ Hover matrix

Placeholder

Lift

Placeholder

Scale

Placeholder

Glow

Conversion

Border

Hero image (3)

Sweep

Zoom

Scalable

Bg shift

Speed

Plain

§ Performance & Mobile

Anim-on-mobile bed

Has a reveal to suppress on mobile when gated.

Hide-on-mobile bed

Hidden below 768px when enabled.

Content-visibility bed

Below-the-fold skip-render when enabled.

§ Scrolling-text + marquee

Ship fasterLaunch readyPixel perfectShip fasterLaunch readyPixel perfectShip fasterLaunch readyPixel perfectShip fasterLaunch readyPixel perfectShip fasterLaunch readyPixel perfectShip fasterLaunch readyPixel perfect

§ Combo stress

Placeholder

Combo 1

Card body copy for the QA layout.

Placeholder

Combo 2

Card body copy for the QA layout.

Placeholder

Combo 3

Card body copy for the QA layout.

§ Reduced-motion control

Reveal target

Animation-dense bed.

Placeholder
Placeholder
Placeholder

Animated gradient bed

Ambient ring.