Photo of Julien Thibeaut or Ibelick

Julien Thibeaut

Design Engineer

Back to Lab

3D Photo Carousel n°2

May 2024

In my last experiment, I created a 3D cylindrical photo carousel component. This time, I wanted to try a different approach still with some basic 3D transformations. The photos are from Unsplash.

img
img
img
img
img
img
img
img
img
img
img
img
img
img

Unlock code snippet

Enter your email to access all code snippets and subscribe to my newsletter for updates.

import { useState } from "react";
import Button from "./ui/Button";


// Nice try! I promise I won't send you a tons of spam emails


const INIT = "INIT";
const SUBMITTING = "SUBMITTING";
const ERROR = "ERROR";
const SUCCESS = "SUCCESS";


const formStates = [INIT, SUBMITTING, ERROR, SUCCESS] as const;




function NewsletterForm() {
  return (
    <form>
      <input type="email" placeholder="
        Enter your email" />
        <Button type="submit">Subscribe</Button>
        </form>
        );
    }
}
Timeline
3D Photo Carousel