Developers October 16, 2020

Open-sourced a React + TailwindCSS portfolio template! 💅

Brayden 👋 @BraydenTW

Hey IH community! 👋

After learning the fundamentals of TailwindCSS in just a couple of days, I published and open-sourced a simple portfolio template! 👇

Screenshot of webpage

🌐 Live demo: https://braydentw.github.io/react-tailwind-portfolio
🐱 Github Repository: https://github.com/BraydenTW/react-tailwind-portfolio


Best of all, completely free to use for any of your personal projects.

It is much appreciated 🤗 if you give this a ⭐ on Github.

Have a wonderful weekend!

  1. 3

    You probably already know this, so feel free to ignore. I see you doing this in your code a lot

    import { FaPalette } from 'react-icons/fa';
    import { FaReact } from 'react-icons/fa';
    import { FaCode } from 'react-icons/fa';
    

    You can just write:

    import { FaPalette, FaReact, FaCode } from 'react-icons/fa';
    

    Your templates look slick!

    1. 1

      Oh wow. I totally forgot about that 😅. Thanks for the reminder.

      If you like it, a star is appreciated :-)

  2. 2

    Very cool Brayden! I saw your post on Dev and I think it's a cool template. Your quality does not disappoint! 👏

  3. 1

    The template looks great, but I would never recommend using ReactJS for static pages.

    1. 1

      Very true, I was just trying it out for fun :D

  4. 1

    Thanks for the awesome template!

    How did you export your Memoji? :)

    1. 2

      Thanks!

      1. I created the Memoji on my iPhone 7
      2. Took a screenshot of it.
      3. Sent it to my laptop and removed the white background with remove.bg
      4. Sent it to Figma and put a yellowish gradient and added some shadows to make it pop.

      Let me know if you need anymore help :D

Recommended Posts