0

Typemaster Keyboard

In this project I used React and Tailwind CSS to build the interface, and also used the Framer Motion library to make some nice animations.

In this project I used React and Tailwind CSS to build the interface, and also used the Framer Motion library to make some nice animations.

Features

This project was based on the Typemaster pre-launch landing page challenge from the Frontend Mentor website.

In this challenge the objective was to create the website based on the design provided and make users able to:

  • View the optimal layout for the interface depending on their device's screen size
  • See hover and focus states for all interactive elements on the page

To achieve the goal, I used the following tools to develop the website:

  • React - JS library
  • Tailwind CSS - For styles
  • Framer Motion - For animations

By building this website I was able to explore and learn even more about creating animations using the Framer Motion library. It was really fun to build it.