Accordion

Expandable, useMachine, expandMachine

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget elit posuere, lacinia lacus nec, efficitur sapien. Morbi accumsan risus eget aliquet cursus. Proin in rutrum purus, quis finibus lacus. Aenean vitae lorem ut orci mollis scelerisque. Aliquam at pretium libero.

Dialog

@reach/dialog, useMachine, dialogMachine, useTransition

Filter and Limit

useMachine, filterAndLimitMachine, useRecalculateLimit, useTrail

Item 1
Item 2
Item 3

Lightbox (images)

useLightbox, useMachine

Limit

useMachine, limitMachine, useRecalculateLimit, useTrail

Item 1
Item 2
Item 3

MailChimp

mailchimp

Pop Up

@reach/dialog, useMachine, popUpMachine, useTransition

This pop-up will appear once per day in each browser after a 10 second delay.

Expandable, useMachine, readMoreMachine, useExpandOnLargeScreens

Curabitur auctor aliquam augue vitae auctor. Vivamus tincidunt tincidunt ex eget accumsan. Vestibulum interdum orci vel auctor dapibus. Aenean accumsan dui mauris, a vestibulum nulla volutpat a.

Reveal on Scroll

useOnScreen

Lorem ipsum dolor sit amet consectetur.

Scroll to ID

scrollToIdScroll to top

Template

useTemplates

Go to page ""

Twitter Feed

useTwitterFeed

Static

Video iFrame

youtube embed

Video Thumbnail + Dialog