<p><img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ld4myok4qma2tvl2ymaw.gif" alt="Card portfolio gif"></p>
<h1>Portfolio card post</h1>
<p>{% link https://dev.to/m_ahmad/create-a-portfolio-card-with-react-chakraui-and-framermotion-21c4 %}</p>


<p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_xLU_Hve--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ld4myok4qma2tvl2ymaw.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_xLU_Hve--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ld4myok4qma2tvl2ymaw.gif" alt="Card portfolio gif" loading="lazy" width="880" height="828" data-animated="true"></a></p>

<h1>
  <a name="portfolio-card-post" href="#portfolio-card-post">
  </a>
  Portfolio card post
</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-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 '21 ・ 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>




![Card portfolio gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ld4myok4qma2tvl2ymaw.gif)

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

Portfolio card post                                          Create a portfolio card with...

Create a animated portfolio card with React and ChakraUI

Portfolio card post