Developed from the Framer Motion tutorial from Fireship.io and the React-Framer Slider tutorial from Dev Ed.

• ToolsNextJS, Framer Motion
• Websitehttps://teoandyuriko.vercel.app/
• StackNextJS

Top Modal Lightbox

On load, the main image is shown in a modal. Buttons allow for navigation through the carousel, and the carousel wraps infinitely.

Framer Motion SLider

The sliders developed with Framer Motion are swipable on mobile and draggable with mouse on desktop. Clicking an image sets the app's state and launches a modal with a useEffect hook.