Skip to content

iOS SwiftUI Animation for mimicing Book Page Flipping Effect

Notifications You must be signed in to change notification settings

ceciliachenguo/BookPageFlipAnimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

iOS Book/Reading App Page Flipping 3D Animation

This project showcases an iOS Book App interface built using SwiftUI. It provides an interactive experience with top-rated books, displaying book covers with 3D effects as the user navigates through the collection. The visual emphasis of this project is to leverage 3D animations to enhance user interaction and experience.

📱 Demo Video

Screen.Recording.2023-08-04.at.4.51.02.PM.mov

🌟 Features

  • Top Rated Books Header: A header view displaying the title "Top Rated".
  • Book Slider: A horizontal book slider with a custom tab view design, allowing users to scroll through a collection of top-rated books. Each book is presented with an isometric design and 3D rotation effect as it gets into focus.
  • Book Details: Displays the title and author of the current book in view, using interactive spring animations.
  • Isometric View Design: A custom SwiftUI view that presents content with isometric depth and shadows, adding a 3D feel to the design.
  • Custom Projection: An animatable geometry effect that customizes the projection of views, enhancing the 3D appearance.

🛠 Tools & Techniques

  • SwiftUI: The project is built using SwiftUI, Apple's framework for declarative UI design.
  • GeometryReader: Extensively used for responsive layouts and to access view size and position for dynamic animations.
  • 3D Animations: The app uses 3D animations to rotate book covers and provide a dynamic and interactive experience to users. This is achieved using rotation3DEffect and custom projections.
  • Interactive Spring Animation: Provides fluidity and responsiveness to user interactions, making animations feel more natural.

About

iOS SwiftUI Animation for mimicing Book Page Flipping Effect

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages