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: mit
• Created: 2024-10-12T21:41:15.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2025-02-18T13:36:05.000Z (3 months ago)
• Last Synced: 2025-03-13T11:43:45.577Z (3 months ago)
• Topics: brilliant-solutions, css, jquery, playlist, quotes, threejs, webgl
• Language: CSS
• Homepage: https://paginis.vercel.app
• Size: 2.08 MB
• Stars: 14
• Watchers: 1
• Forks: 1
• Open Issues: 4
• 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.

![Sample](/assets/caputred.png)

## 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..

```git 

└── 📁pdf-flipbook

    └── 📁assets

    └── 📁lib

        └── 📁css

            └── 📁page

                └── button.css

                └── input-panel-buttons.css

                └── layout.css

                └── panel.css

                └── quotes.css

            └── min.css

            └── style.css

            └── themify-icons.min.css

        └── 📁fonts

        └── 📁images

            └── 📁pdfjs

            └── 📁textures

                └── white.jpg

            └── loading.gif

        └── 📁js

            └── 📁libs

                └── compatibility.js

                └── jquery.min.js

                └── mockup.min.js

                └── pdf.min.js

                └── pdf.worker.min.js

                └── three.min.jsgit 

            └── 📁quotes

                └── db.js

                └── main.js

                └── ui.js

            └── dflip.min.js

            └── load.js

            └── media.js

            └── ui.js

        └── 📁sound

    └── .gitignore

    └── index.html

    └── LICENSE

    └── README.md

```

## File Template

And ensure the following files are included in the html.

CSS:

```css

     

```

JavaScript:

Note: Include them just before 

    
 PDF Example