This is a submission for the The Pinata Challenge
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
Transformbutton 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
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
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💫🎊
Top comments (0)