Time Machine
Interactive timeline component for visualizing chronological data with smooth animations and intuitive navigation.
Interactive Demo
Experience
8 years of designing and building products at high-growth startups.
WeWrite
WeWrite
Product Engineer
DFW
May 2025→Feb 2026
Turbo
Turbo
Product Designer
NYC
Jun 2024→May 2025
Ramp
Ramp
Product Designer
NYC
Aug 2024→Mar 2025
Vondy
Vondy
Product Designer
NYC
Feb 2025→Apr 2025
Whop
Whop
Product Designer
NYC
Jul 2023→May 2024
ParkHub
ParkHub
Product Designer
DFW
Jun 2017→Jan 2023
Feb 2026
Scroll to navigate
WeWrite
Product Engineer
DFW
May 2025Feb 2026
Turbo
Product Designer
NYC
Jun 2024May 2025
Ramp
Product Designer
NYC
Aug 2024Mar 2025
Vondy
Product Designer
NYC
Feb 2025Apr 2025
Whop
Product Designer
NYC
Jul 2023May 2024
ParkHub
Product Designer
DFW
Jun 2017Jan 2023
Features
Smooth Animations
Fluid transitions between timeline entries with spring-based animations.
Keyboard Navigation
Navigate through time using arrow keys for accessibility.
Responsive Design
Adapts to different screen sizes with mobile-optimized interactions.
Customizable Data
Pass in your own timeline data with titles, descriptions, and dates.
Usage
import { TimeMachine } from "@/components/time-machine";
<TimeMachine />