Skip to content

Main Navigation Guide Components Demos Playground

Appearance

Sidebar Navigation

Components

Accordion

Examples

Twig API

Action

Examples

JS API

AnchorNav

Examples

JS API

AnchorScrollTo

Examples

JS API

Button

Examples

Twig API

CircularMarquee

Examples

Twig API

Cursor

Examples

JS API

Twig API

DataBind

DataBind JS API

DataComputed JS API

DataEffect JS API

DataModel JS API

Examples

Draggable

Examples

JS API

Figure

Examples

JS API

Twig API

FigureShopify

Examples

JS API

FigureTwicpics

Examples

JS API

Twig API

FigureVideo

Examples

JS API

Twig API

FigureVideoTwicpics

Examples

JS API

Twig API

Frame

Examples

JS API

AbstractFrameTrigger

Frame

FrameAnchor

FrameForm

FrameLoader

FrameTarget

FrameTriggerLoader

Hero

Examples

Twig API

Hoverable

Examples

JS API

Icon

Examples

Twig API

IconImg

Examples

Twig API

IconList

Examples

Twig API

ImageGrid

Examples

Twig API

LargeText

Examples

JS API

Twig API

LazyInclude

Examples

JS API

MapboxStaticMap

Examples

Twig API

Menu

Examples

JS API

Modal

Examples

JS API

Twig API

Panel

Examples

JS API

Twig API

Prefetch

JS API

Reinsurance

Reinsurance examples

Twig API

ScrollAnimation

Examples

JS API

ScrollReveal

Examples

JS API

Sentinel

Slider

Examples

JS API

Slider

SliderBtn

SliderCount

SliderDots

SliderDrag

SliderItem

SliderProgress

Sticky

Examples

JS API

Twig API

Tabs

Examples

JS API

Twig API

Transition

Examples

JS API

On this page

Examples

Hero image and align left

Hero image and align right

Hero image and align center

Hero image and text half width

Hero colored bg

Hero slider

Hero slider - full slide

Last updated:

Pager

Previous pageHero

Next pageTwig API

MIT Licensed

Copyright © 2020–present Studio Meta