Skip to content
Submitted over 2 years ago

Space tourism website using React, TailwindCSS, and framer-motion

Adam Winzenburger•230
@adamwinzdesign
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Space tourism multi-page website
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Another work in progress, but I'm pretty happy with where this project is going. I had a ton of fun with this project, especially the transitions between pages and the user-selectable content within each page, and I'll be playing around with framer-motion to see what else is possible.

Community feedback

  • Rafael•150
    @rafaelrmbPosted over 2 years ago

    The transitions between pages and tabs are indeed amazing! Very smooth, great job! Is this achievable with CSS + HTML only?

    0
    Adam Winzenburger•230
    @adamwinzdesignPosted over 2 years ago

    @rafaelrmb Thank you! Could Kevin Powell achieve the transitions with CSS + HTML only? Probably. However, I used framer-motion's layoutId property, which requires React/JS. If you're familiar with React, framer-motion is relatively easy to use.

    1
    Rafael•150
    @rafaelrmbPosted over 2 years ago

    @adamwinzdesign Lovely! Thanks for the response. Not familiar with React... YET! :D

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord