What I Built

Live_iy is an application designed to animate static portraits by adding movement and emotion to the image through a reference video, transforming them into live portraits.

How it works

Upload: The user uploads a static portrait and a reference video to the Pinata's files API, (important for generating a live URL for web access to the files).
Processing: Once uploaded, the user can then click the Transform button on the page. this retrieves the uploaded files and processes them using the Segmind live-portrait API which then transforms the static image into a live video.
Animation: Once the processing is done, the live portrait is returned to the application which is then displayed to the user and can be downloaded.

Demo

Home page

Upload page

Transform page

Live Portrait download page

My Code

Sarah-okolo / Live_iy

Live_iy

This is a submittion for the DEV Pinata challenge.

Live_iy is an application designed to bring photos to life. It leverages Pinata for image file uploads and live-portrait api to transform images to live videos.

Demo

; ; ;

Built with

Semantic HTML
CSS grid
Vite - Local dev server
ReactJS - Javascript library
Sass/Scss - CSS preprocessor
Pinata - File management API
live-portrait - AI portrait animation framework
Framer motion - React animation library
IonIcons - Icons library
AOS - Animate on scroll library

My process

View on GitHub

More Details

Live_iy is built using React with Sass for the frontend and integrating with the Pinata and Segmind APIs for file management and animation processing.

The application is designed with user engagement in mind. The intuitive upload interface guides users through selecting their portrait and reference video effortlessly.

This was a very fun and challenging project to build. A big thanks to Pinata for hosting this💫🎊