I Redesigned Everything

Подписаться 19 тыс.

Просмотров 3,8 тыс.

50% 1

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

Наука

Опубликовано:

21 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 25

@rashidshahriar7913 5 месяцев назад

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

@tomisloading 5 месяцев назад

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

@BooksWeCanRead 5 месяцев назад

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

@tomisloading 5 месяцев назад

Thanks so much! 😊

@csorlandi 4 месяца назад

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 4 месяца назад

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

@nexxai 5 месяцев назад

Holy crap man, this looks so good!

@tomisloading 5 месяцев назад

Thank you!! :)

@LeeWalpole 5 месяцев назад

Love this, Tom..

@tomisloading 5 месяцев назад

Thank you! :)

@ronitgurjar5747 5 месяцев назад

😂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 5 месяцев назад

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 5 месяцев назад

@@tomisloading 😂😂 common designer behaviour 💀

@tomisloading 5 месяцев назад

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 5 месяцев назад

looks Dope

@tomisloading 5 месяцев назад

Thank you! 😁

@godofwar8262 5 месяцев назад

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 5 месяцев назад

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 5 месяцев назад

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

@godofwar8262 5 месяцев назад

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