Skip to content

ABook_Advanced

Interactive 3D booklet

ABook_Advanced preview image 1

Summary

A physics-based, interactive 3D booklet

Description

Standard sliders are flat. Abook Pro brings tactile physicality to your Framer sites. Engineered as a professional-grade 3D asset, this component uses custom TSX logic to simulate a real-world magazine or portfolio.

Key Features:

  • Magnetic 3D Tilt: The cover subtly follows your mouse position before you even click, creating immediate depth and immersion.

  • Fixed Visibility Logic: Custom translateZ engineering ensures editorial text never clips or disappears during the flip animation.

  • 3D Spine Architecture: Includes a customizable "hinge" thickness to give the booklet a sense of real-world weight and scale.

  • Editorial Layout System: Built-in typography hierarchies for titles, manifestos, and footers—no design work required.

  • Spring-Physics Engine: Powered by framer-motion for organic, bounce-heavy transitions that feel premium.

3. Property Controls (User Guide)

  • Content Group: Edit the Title, Subtitle, Author, and double-page internal layouts.

  • Dimensions: Toggle between "Fit" and "Fixed" sizing modes for hero sections or small card layouts.

  • Aesthetics: Adjust the spine thickness (2px to 25px) and corner radius for a sharp or soft look.

  • Palette: Full color control over the Cover, Pages, Text, and Gold/Accent highlights.

Rank history How rankings work →

120014001600161438/149/49/2610/1811/9
  • All · #3175

Details

More like this