# riveo_page_curl

**Repository Path**: public-resource_1/riveo_page_curl

## Basic Information

- **Project Name**: riveo_page_curl
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-07-29
- **Last Updated**: 2024-07-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# riveo_page_curl

## Overview
`riveo_page_curl` is a Flutter project aiming to replicate the unique page curl effect utilized in the Riveo app for project deletion. Dive into the shader code in `shaders/page_curl.frag` and explore the interesting Flutter logic within `project_card.dart`.

Audio was added for a fun demo only, it's not synced with all cases 

## Live
Check it out live [here](https://riveo_page_curl.codemagic.app/)


<img width="1712" alt="Screenshot 2023-11-05 at 14 57 12" src="https://github.com/Rahiche/riveo_page_curl/assets/37366956/c6527b1b-9245-455d-a48e-b7b30c7a0787">


## Requirements 
- Channel stable, 3.13.9
- Tested on iOS, Android, MacOS, and web

## Demo
Experience the effect in action through our demos:

![Visual Demo GIF](https://github.com/Rahiche/riveo_page_curl/assets/37366956/5c350ddb-950d-4234-83c0-b6f78867b785)


| Visual Demo  | Demo with Audio |
| ------------- | ------------- |
| <video src="https://github.com/Rahiche/riveo_page_curl/assets/37366956/c852d87a-fbf6-4ca0-b975-01f15c2dc45a">  | <video src="https://github.com/Rahiche/riveo_page_curl/assets/37366956/22dfdf21-a169-46ba-a349-eab077b58fc0">|


## Credits
Special thanks to:
- The [Riveo app](https://forgeandform.co/riveo/?page=riveo) team for the original, inspiring effect.
- [@wcandillon](https://github.com/wcandillon) for the Skia shader. You can find his code [here](https://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/season5/src/Riveo).