Display

Choose a Starter Kit

Get started with LiftKit using one of the official starter kits for Webflow, Figma, or CSS.

open_in_new

open_in_new

open_in_new

Get a feel for LiftKit by following along with this short tutorial.

Class Name	CSS Properties	Description
`.display__block`	`display: block;`	Displays the element as a block-level element.
`.display__flex-h`	`display: flex;`	Displays the element as a flex container with a horizontal layout.
`.display__flex-v`	`display: flex; flex-direction: column;`	Displays the element as a flex container with a vertical layout.
`.display__grid`	`display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto);`	Displays the element as a grid container with a 2x2 layout.
`.display__inlineBlock`	`display: inline-block;`	Displays the element as an inline-level block container.
`.display__none`	`display: none;`	Hides the element from the layout.

Click or tap to reveal form.

expand_more

check_circle

Success! An email has been sent to you with more details.

Please allow up to 5 minutes for it to arrive. Mailchimp can take a bit.

error

Error: Something went wrong. Email info@chainlift.io directly for assistance.