Popcorn

Library

Check out all of the blocks available using the framework.

Headers

All header types have options for width, height and details, and can be shown above or over the top of images/videos.

Standard

Split

Hamburger

Stacked

Sidebar

Intros

For page headers and introductions, each with options for the height and content alignment.

Text

Background Image

Background Video

Split left

Split right

Grids

For showing things in a grid layout – lots of options for columns, image shapes, spacing, work details and hover interactions.

Grid wide, two columns, landscape, video hover

Grid wide, three columns, square, zoom hover

Grid wide, four columns, square, colour hover

Grid medium, three columns, portrait

Grid medium, three columns, masonry

Carousels

For showing work in a carousel – options for the size, position of details, controls and autoplay.

Carousel full-screen, fade

Carousel medium width, slide

Carousel medium width, video background

Hover Lists

For showing a list of work with a background image.

Hover List inline, zoom

Hover List stacked, no zoom

Work

Different options to show your work.

Standard Details below

Standard Details above

Full screen

Split Video left

Split Video right

Blog

Different styles for your blog.

Basic

Grid

Wide

Content

Basic blocks to show images and text.

Image

Text left aligned

Text centered

Images + Text

Columns

Other features

Blocks to perform other actions.

Contact Form

Map full width

Map split

Tabs

Call to action

Footers

For your contact details and extra links.

Standard

Stacked