0:00/1:34

0:00/1:34

0:00/1:34

03

-

Polaroid component

03

-

Polaroid component

03

-

Polaroid component

This is the most interactive component I've worked on so far. It uses your camera to take three pictures. When you first click, the camera turns on, and it asks for webcam permission. If there's no camera available or if permission is declined, you can set fallback images. I also included a bit of code for the polaroids to make sure the image you're moving comes to the front using z-index.

I've also made a simpler version that doesn't need the camera feed. You just pick three images to display on the canvas: Remix

I made the camera in Figma, you can check it out Here

This is the most interactive component I've worked on so far. It uses your camera to take three pictures. When you first click, the camera turns on, and it asks for webcam permission. If there's no camera available or if permission is declined, you can set fallback images. I also included a bit of code for the polaroids to make sure the image you're moving comes to the front using z-index.

I've also made a simpler version that doesn't need the camera feed. You just pick three images to display on the canvas: Remix

I made the camera in Figma, you can check it out Here

This is the most interactive component I've worked on so far. It uses your camera to take three pictures. When you first click, the camera turns on, and it asks for webcam permission. If there's no camera available or if permission is declined, you can set fallback images. I also included a bit of code for the polaroids to make sure the image you're moving comes to the front using z-index.

I've also made a simpler version that doesn't need the camera feed. You just pick three images to display on the canvas: Remix

I made the camera in Figma, you can check it out Here

Remix Lab

This website contains affiliate links. If you choose to make a purchase after clicking on one, I may earn a commission, which won't cost you anything extra but helps me keep this project alive to continue providing free resources.

*This website contains affiliate links. If you decide to make a purchase after clicking a link, No-Code Supply Co. may earn a commission at no additional cost to you.

Made with 🥑 by Zsolt Kálmán

Designed in Framer

Remix Lab

This website contains affiliate links. If you choose to make a purchase after clicking on one, I may earn a commission, which won't cost you anything extra but helps me keep this project alive to continue providing free resources.

*This website contains affiliate links. If you decide to make a purchase after clicking a link, No-Code Supply Co. may earn a commission at no additional cost to you.

Made with 🥑 by Zsolt Kálmán

Designed in Framer

Remix Lab

This website contains affiliate links. If you choose to make a purchase after clicking on one, I may earn a commission, which won't cost you anything extra but helps me keep this project alive to continue providing free resources.

*This website contains affiliate links. If you decide to make a purchase after clicking a link, No-Code Supply Co. may earn a commission at no additional cost to you.

Made with 🥑 by Zsolt Kálmán

Designed in Framer