Figma Merch

Shop page

🌐 View Live📷 Free Photo Assets⭐ Open Source Icons

Recreate this to learn:

  • Draggable slider
  • Hover effects
  • Content filtering
  • and more!

Color Palette:

#ffc700

#10a958

#000000

#fff

Recommended Course:

Frontend Masters offers a 100% free "Complete Intro to Web Development" course.

Resources:

Change image on hoverHow to Create a Draggable SliderA Complete Guide to Flexbox

Up for a challenge?

Build the dropdown search bar when the icon is clicked.

Too easy?

Recreate the circle with rotating text and hover animation.

Too hard?

That's ok!
View other projects

Reference image