---
title: "ABook_Advanced — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Abdul Sami · Interactive. A physics-based, interactive 3D booklet"
canonical: "https://framer.elliotli.dev/component/abook-advanced"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/ABook\_Advanced

# ABook\_Advanced

Interactive 3D booklet

[View on Framer](https://framer.com/marketplace/components/abook-advanced/?via=elliot-li)

![ABook\_Advanced preview image 1](https://framer.elliotli.dev/og/component/abook-advanced/5d320095acb99833/1600x1200.jpg)

## 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 →](/terms#rankings)

-   All · #3175

## Details

- **Author**: Abdul Sami
- **Price**: $10.00
- **Published**: 2026-05-14
- **Updated**: 2026-09-21
- **Added**: 2026-05-01
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step