About Halloween Festoon
Festoon is a Halloween event popup for Framer. Photo cards hang from a garland of jack-o'-lantern lights, and a glow runs along the wire to the card you pick. It opens full screen over your page or sits inline, and reads your CMS through a slot or a list you fill by hand.
What you can customize
Popup or inline, open on load or from a dock button
Card size, photo ratio, wire height and swag
Colors, radius, shadow and a bundled Halloween face
Speed, easing, swing, light-up intro and flicker
Perfect for
Halloween events and haunted attractions
Bars and venues with a seasonal program
Halloween shop campaigns
Responsive
Its own phone layout below a width you set: one large card in the center, neighbours peeking in, and a swipe moves the light.
Included interactions
Drag along the garland, touch swipe, click a card, mouse wheel, arrow keys with a visible focus ring, previous and next buttons, close with X, Esc or a tap outside, autoplay that pauses on hover, loop and card links. A video can play on the chosen card. Reduced motion is respected.
CMS setup
Add a Collection List on the canvas beside your page and connect your collection.
Name the repeated item Card and its layers Image, Title and Subtitle. Label, Link and Video are optional.
Select Festoon and pick the list in CMS source. Leave it empty to use Cards.
Controls
Display: Show as, Opens, Delay, Once per visit, Header, Dock, Overlay, Blur
Layout: Card width, Photo ratio, Chosen scale, Wire height, Swag depth, Cords
Spacing: Side margin, Neighbour gap, Caption top, Arrows top, Header
Style: Accent, Lantern, Glow, Text, Card, Wire, Radius, Shadow
Typography: Halloween face, Title, Event name, Subtitle, Labels, Dock
Motion: Speed, Easing, Swing, Light-up intro, Flicker
Interaction: Drag and swipe, Scroll wheel, Keyboard, Loop, Autoplay, Card links
Responsive: Phone below, Card width, Lantern gap, Title size
Media: Video, Loop video, Photo focus
