<h1>Built with</h1>
<ul>
<li>Front-end library - <a href="https://reactjs.org/">Reactjs</a></li>
<li>UI components - <a href="https://chakra-ui.com">Chakra UI</a></li>
<li>Animation library - <a href="https://www.framer.com/motion/">Framer Motion</a></li>
</ul>
<h1>Code</h1>
<blockquote>
<p><a href="https://github.com/MA-Ahmad/portfolio-template1/blob/master/src/components/Home.js">Home Component</a></p>
</blockquote>
<p><strong>Demo Link:</strong> <a href="https://ma-ahmad.github.io/portfolio-template1/">portfolio</a>
<strong>GitHub Repo:</strong> <a href="https://github.com/MA-Ahmad/portfolio-template1">Repo</a></p>
<h1>Other portfolio website templates</h1>
<p>{% link https://dev.to/m_ahmad/create-a-beautiful-personal-website-with-react-chakraui-and-framermotion-54ik %}</p>
<p>{% link https://dev.to/m_ahmad/portfolio-website-template-built-with-react-and-chakraui-15ok %}</p>
<p>{% link https://dev.to/m_ahmad/create-a-portfolio-card-with-react-chakraui-and-framermotion-21c4 %}</p>
<h2>Show your support</h2>
<p>Give a ⭐️ on Github if you like this project!</p>


<h1>
  <a name="built-with" href="#built-with">
  </a>
  Built with
</h1>

<ul>
<li>Front-end library - <a href="https://reactjs.org/">Reactjs</a>
</li>
<li>UI components - <a href="https://chakra-ui.com">Chakra UI</a>
</li>
<li>Animation library - <a href="https://www.framer.com/motion/">Framer Motion</a>
</li>
</ul>

<h1>
  <a name="code" href="#code">
  </a>
  Code
</h1>

<blockquote>
<p><a href="https://github.com/MA-Ahmad/portfolio-template1/blob/master/src/components/Home.js">Home Component</a></p>
</blockquote>

<p><strong>Demo Link:</strong> <a href="https://ma-ahmad.github.io/portfolio-template1/">portfolio</a><br>
<strong>GitHub Repo:</strong> <a href="https://github.com/MA-Ahmad/portfolio-template1">Repo</a></p>
<h1>
  <a name="other-portfolio-website-templates" href="#other-portfolio-website-templates">
  </a>
  Other portfolio website templates
</h1>


<div class="ltag__link">
  <a href="/m_ahmad" class="ltag__link__link">
    <div class="ltag__link__pic">
      <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vrvEKvHu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--iCCO7GRa--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/370400/bda2fd3e-cb65-4abb-81e6-1f50edf567dd.png" alt="m_ahmad" loading="lazy">
    </div>
  </a>
  <a href="/m_ahmad/create-a-beautiful-personal-website-with-react-chakraui-and-framermotion-54ik" class="ltag__link__link">
    <div class="ltag__link__content">
      <h2>Create a beautiful personal website with react, ChakraUi and framerMotion</h2>
      <h3>Muhammad  Ahmad ・ Apr 2 ・ 1 min read</h3>
      <div class="ltag__link__taglist">
        <span class="ltag__link__tag">#webdev</span>
        <span class="ltag__link__tag">#typescript</span>
        <span class="ltag__link__tag">#react</span>
        <span class="ltag__link__tag">#javascript</span>
      </div>
    </div>
  </a>
</div>



<div class="ltag__link">
  <a href="/m_ahmad" class="ltag__link__link">
    <div class="ltag__link__pic">
      <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vrvEKvHu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--iCCO7GRa--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/370400/bda2fd3e-cb65-4abb-81e6-1f50edf567dd.png" alt="m_ahmad" loading="lazy">
    </div>
  </a>
  <a href="/m_ahmad/portfolio-website-template-built-with-react-and-chakraui-15ok" class="ltag__link__link">
    <div class="ltag__link__content">
      <h2>Build Portfolio website with React and ChakraUi</h2>
      <h3>Muhammad  Ahmad ・ Apr 3 ・ 1 min read</h3>
      <div class="ltag__link__taglist">
        <span class="ltag__link__tag">#webdev</span>
        <span class="ltag__link__tag">#react</span>
        <span class="ltag__link__tag">#javascript</span>
        <span class="ltag__link__tag">#productivity</span>
      </div>
    </div>
  </a>
</div>



<div class="ltag__link">
  <a href="/m_ahmad" class="ltag__link__link">
    <div class="ltag__link__pic">
      <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vrvEKvHu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://res.cloudinary.com/practicaldev/image/fetch/s--iCCO7GRa--/c_fill%2Cf_auto%2Cfl_progressive%2Ch_150%2Cq_auto%2Cw_150/https://dev-to-uploads.s3.amazonaws.com/uploads/user/profile_image/370400/bda2fd3e-cb65-4abb-81e6-1f50edf567dd.png" alt="m_ahmad" loading="lazy">
    </div>
  </a>
  <a href="/m_ahmad/create-a-portfolio-card-with-react-chakraui-and-framermotion-21c4" class="ltag__link__link">
    <div class="ltag__link__content">
      <h2>Create a portfolio card with React, ChakraUi, and framerMotion</h2>
      <h3>Muhammad  Ahmad ・ May 11 ・ 1 min read</h3>
      <div class="ltag__link__taglist">
        <span class="ltag__link__tag">#react</span>
        <span class="ltag__link__tag">#webdev</span>
        <span class="ltag__link__tag">#showdev</span>
        <span class="ltag__link__tag">#productivity</span>
      </div>
    </div>
  </a>
</div>


<h2>
  <a name="show-your-support" href="#show-your-support">
  </a>
  Show your support
</h2>

<p>Give a ⭐️ on Github if you like this project!</p>



# Built with
- Front-end library - [Reactjs](https://reactjs.org/)
- UI components - [Chakra UI](https://chakra-ui.com)
- Animation library - [Framer Motion](https://www.framer.com/motion/)

# Code
> [Home Component](https://github.com/MA-Ahmad/portfolio-template1/blob/master/src/components/Home.js)

**Demo Link:** [portfolio](https://ma-ahmad.github.io/portfolio-template1/)
**GitHub Repo:** [Repo](https://github.com/MA-Ahmad/portfolio-template1)

# Other portfolio website templates

{% link https://dev.to/m_ahmad/create-a-beautiful-personal-website-with-react-chakraui-and-framermotion-54ik %}

{% link https://dev.to/m_ahmad/portfolio-website-template-built-with-react-and-chakraui-15ok %}

{% link https://dev.to/m_ahmad/create-a-portfolio-card-with-react-chakraui-and-framermotion-21c4 %}

## Show your support

Give a ⭐️ on Github if you like this project!

Built with    Front-end library - Reactjs  UI components - Chakra UI  Animation library -...

Let's build a attractive portfolio page with React, ChakraUi, and framerMotion

Built with

Code

Other portfolio website templates

Show your support