Submitted almost 2 years ago

Fylo dark theme landing page (React JS + Tailwind CSS + Framer Motion)

#accessibility#framer-motion#lighthouse#react#tailwind-css

Melvin Aguilar 🧑🏻‍💻•61,100

@MelvinAguilar

Preview site View code

This is a solution for...Fylo dark theme landing page

HTML
CSS
JS

2junior

Design comparison

SolutionDesign

Solution retrospective

Hi there 👋, I’m Melvin and this is my solution for this challenge. 🚀

🎁 Features:

Little animation with Framer motion using useReducedMotion hook. 🎬
97%/100% on lighthouse report and PageSpeed Insights. 🚀
Tested with the TalkBack screen reader on mobile. 📱
Custom scrollbar. 🖱️

🛠️ Built With:

React JS. ⚛️
React Hook Form. 📝
Framer Motion. 🎬
TailwindCSS. 🎨
npm - prettier - prettier-plugin-tailwindcss. 📦

Any suggestions on how I can improve and reduce unnecessary code are welcome!

Thank you. 😊✌️

Community feedback

Please log in to post a comment

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