Split-Flap Gallery

Split-Flap Gallery is a distinctive interactive image gallery for Framer inspired by classic split-flap display boards. Images are divided into individual hinged flaps that flip, stagger, and clatter into the next slide, creating a tactile transition with a strong editorial and mechanical character.

HOW TO USE

• Add Split-Flap Gallery to your Framer page

• Add images, titles, captions, and links to each slide

• Choose the board layout and image position

• Customize the flap grid, flip pattern, timing, and stagger

• Enable the timetable, autoplay, swipe, keyboard navigation, and sound

• Adjust colors, typography, spacing, radius, and display styling

KEY FEATURES

• Split-Flap Image Transitions — Images are divided into configurable rows and columns that flip into the next slide.

• Multiple Flip Patterns — Choose from Wave, Rain, Diagonal, Bloom, or Scatter transitions.

• Interactive Navigation — Use arrow controls, keyboard navigation, swipe gestures, or the timetable to move between slides.

• Flap-Style Typography — Titles and optional captions use animated letter cells inspired by mechanical display boards.

• Clickable Slides — Add a link to every slide for projects, case studies, CMS pages, or external destinations.

• Autoplay & Hover Pause — Automatically cycle through slides with adjustable timing and optional hover pause.

• Optional Flap Sound — Add subtle mechanical clatter sounds with adjustable volume.

• Responsive Layouts — Use a side-by-side board layout or stack the information below the image with customizable sizing and spacing.

WHY SPLIT-FLAP GALLERY?

Split-Flap Gallery turns a familiar image gallery into a memorable interactive experience. The combination of mechanical image transitions, animated typography, and timetable navigation gives your Framer website a distinctive visual identity without relying on a conventional carousel.