I Redesigned Everything

Final result ✨ www.hover.dev
So I run a component library for React, TailwindCSS, and Framer Motion. I launched it relatively quickly about 6 months ago, and never thought TOO much about how the site ITSELF looks.
Today, that changes.
My goal was to make something memorable. I'm working on my design chops, but I've still got a lot to learn. Because of that, I wanted something relatively easy to follow, but still super fun and interesting.
Today we'll walk through what I came up with :)
#tailwindcss #reactjs #webdevelopment
🔗 My Links
TikTok: / tomisloading
Instagram: / tomisloading
GitHub: github.com/TomIsLoading
Twitter: / tomisloading
Discord & more: linktr.ee/tomisloading
Portfolio templates: tomisloading.gumroad.com/
0:00 - The problem
0:23 - Finding a direction
1:10 - The plan
1:59 - Actually restyling everything

[@rashidshahriar7913]

Man do you know how much you contributing to the community. Also it looks amaizing

[@tomisloading]

Thank you so much! That’s means a lot :)

[@BooksWeCanRead]

Wow that makes such a big difference! Nice! Great job 👌😊

[@tomisloading]

Thanks so much! 😊

[@csorlandi]

Awesome dude! I discovered your work yesterday and started marathoning your videos, and you have no idea how much you have inspired me to create my portfolio and try to be a better frontend developer 🚀

[@tomisloading]

Thank you so much! So happy I can help, that means a lot :)

[@LeeWalpole]

Love this, Tom..

[@tomisloading]

Thank you! :)

[@nexxai]

Holy crap man, this looks so good!

[@tomisloading]

Thank you!! :)

[@ronitgurjar5747]

😂and u say u are not a designer...man, as a designer professionally, I give the new design 8.5/10🔥, also the best decision to add those chipped corner🔥🤌🏻 great work bro🗿🍷🔥

[@tomisloading]

Well thank you! 😁 I will say that I think I’ve become a good “yea, I’ll take that”er 😂
but I can guarantee you that if the designers on my team at work heard me say I was a designer they could tell you 5,000 reasons why I’m not 😂😂

[@ronitgurjar5747]

@@tomisloading 😂😂 common designer behaviour 💀

[@tomisloading]

No no I mean I love them, but I mean I make a lot of non-designer mistakes 😂 The eye people have for font weights and slightly different shades of black will never cease to amaze me 😂

[@geekthegeek730]

looks Dope

[@tomisloading]

Thank you! 😁

[@godofwar8262]

Today I just saw your website it is great but I want to know the tech stack you used and all npm package and libs you use please can you tell me

[@tomisloading]

It’s pretty simple! NextJS (still on pages router, haven’t had a need to upgrade), tailwind and Framer Motion of course haha, Firebase on the backend (there’s literally only 2 collections), prism for code formatting, and that’s honestly pretty much it haha

[@tomisloading]

Oh, and I use Paddle instead of Stripe for payments because they handle sales tax & VAT for me haha!

[@godofwar8262]

@@tomisloading and so you render this component Directly when user navigated on website or before the website full load

[@edward-vonschondorf-dev]

Looks great! Now make it in dark mode 😆

[@tomisloading]

LOL it’s on my list, one of these days 😂

[@WaleedKTL]

I don't know why I feel like this channel is going too far ✨

[@tomisloading]

What do you mean?

[@tanutsaponjinaongkan1755]

just Wow!!!