https://github.com/ibra-kdbra/paginis

A PDF flipbook that can be useful for viewing a PDF file as a book with a realistic experience.
https://github.com/ibra-kdbra/paginis

brilliant-solutions css jquery playlist quotes threejs webgl

Last synced: about 2 months ago
JSON representation

A PDF flipbook that can be useful for viewing a PDF file as a book with a realistic experience.

• Host: GitHub
• URL: https://github.com/ibra-kdbra/paginis
• Owner: ibra-kdbra
• License: apache-2.0
• Created: 2024-10-12T21:41:15.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-27T19:36:20.000Z (about 2 months ago)
• Last Synced: 2024-10-27T23:59:46.086Z (about 2 months ago)
• Topics: brilliant-solutions, css, jquery, playlist, quotes, threejs, webgl
• Language: CSS
• Homepage: https://paginis.vercel.app
• Size: 1.43 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Paginis

A PDF flipbook website designed to make your life easier. It can take a PDF as input and generate a flipbook, whether it's a URL, local file, or a featured YouTube playlist to play while reading.

## Tech Stack

[![Tech Stack](https://skillicons.dev/icons?i=threejs,js,jquery,css,html,tailwindcss,svg)](https://skillicons.dev)

## Issues

### Flipbook pages are not visible/defective in PDF

Check the pdf if using the link Make sure that cross-origin resource sharing is enabled 

## File Structure

Click to expand!

This flipbook plugin is jQuery-based. Basically, you can copy the files in folder to your working directory. You don't need to include the lib folder..

```sh

└── 📁pdf-flipbook

    └── 📁lib

        └── 📁css

            └── min.css

            └── style.css

            └── themify-icons.min.css

        └── 📁fonts

            └── themify.eot

            └── themify.svg

            └── themify.ttf

            └── themify.woff

        └── 📁images

            └── 📁pdfjs

            └── 📁textures

                └── white.jpg

            └── loading.gif

            └── viewer.svg

        └── 📁js

            └── 📁libs

                └── 📁cmaps

                └── compatibility.js

                └── jquery.min.js

                └── mockup.min.js

                └── pdf.min.js

                └── pdf.worker.min.js

                └── three.min.js

            └── dflip.min.js

            └── load.js

            └── quotes.js

        └── 📁sound

            └── turn.mp3

            └── turn2.mp3

            └── turn2a.mp3

            └── turn3.mp3

    └── .gitignore

    └── index.html

    └── README.md

```

## File Template

And ensure the following files are included in the html.

CSS:

```css

     

```

JavaScript:

Note: Include them just before 

    
 PDF Example