Julien Thibeaut
Design Engineer
3D Photo Carousel
May 2024
A 3D cylindrical photo carousel component that rotates on the Y-axis. The photos are from Unsplash. This component is inspired by a prototype created and shared by @jmtrivedi on X.
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 emailsconst 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>);}}
