Desktop Design

Mobile Design

Social media dashboard with theme switcher

<h4 class="font-semibold lg:text-normal sm:text-sm text-grayblue dark:text-textdark">Total Followers: 23,004
          </h4>

<p class="ml-2 text-sm text-grayblue dark:text-textdark">@nathanf</p>

<div>
              <p class="text-5xl font-bold dark:text-white">1987</p>
              <p class="font-thin uppercase tracking-widest text-grayblue dark:text-textdark">Followers</p>
            </div>

<p class="text-sm text-limegreen font-semibold ml-1">12 Today</p>

<div>
              <p class="text-5xl font-bold dark:text-white">1044</p>
              <p class="font-thin uppercase tracking-widest text-grayblue dark:text-textdark">Followers</p>
            </div>

<p class="text-sm text-limegreen font-semibold ml-1">99 Today</p>

<p class="ml-2 text-sm text-grayblue dark:text-textdark">@realnathanf</p>

<div>
              <p class="text-5xl font-bold dark:text-white">11k</p>
              <p class="font-thin uppercase tracking-widest text-grayblue dark:text-textdark">Followers</p>
            </div>

<p class="text-sm text-limegreen font-semibold ml-1">1099 Today</p>

<p class="ml-2 text-sm text-grayblue dark:text-textdark">Nathan F.</p>

<div>
              <p class="text-5xl font-bold dark:text-white">8239</p>
              <p class="font-thin uppercase tracking-widest text-grayblue dark:text-textdark">Subscribers</p>
            </div>

<p class="text-sm text-redown font-semibold ml-1">144 Today</p>

<h2 class="text-xl font-bold text-grayblue dark:text-white mb-3">Overview - Today</h2>

<p class="text-grayblue dark:text-textdark font-bold text-sm">Page Views</p>

<p class="text-grayblue dark:text-textdark font-bold text-sm">Likes</p>

<p class="text-grayblue dark:text-textdark font-bold text-sm">Profile Views</p>

<p class="text-grayblue dark:text-textdark font-bold text-sm">Retweets</p>

<p class="text-grayblue dark:text-textdark font-bold text-sm">Total Views</p>

<div class="attribution dark:text-white">
        Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.
        Coded by <a href="https://github.com/farizge" class="text-bluefb">Fariz Ghani Fuad</a>.
      </div>

Please log in to post a comment

Community feedback

Social Media Dashboard With Dark Mode Toggle Using Tailwind CSS

Please log in to post a comment

Community feedback

Join our Discord community