<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Sama</title>
    <description>The latest articles on DEV Community by Sama (@samahdev).</description>
    <link>https://dev.to/samahdev</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4044564%2Fb29493e8-675f-43d5-b7ce-6bc512c2ebcd.png</url>
      <title>DEV Community: Sama</title>
      <link>https://dev.to/samahdev</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/samahdev"/>
    <language>en</language>
    <item>
      <title>Dashboard Widgets Pack — 113 Components Born From One Very Annoying Tuesday 📊</title>
      <dc:creator>Sama</dc:creator>
      <pubDate>Thu, 20 Aug 2026 16:44:24 +0000</pubDate>
      <link>https://dev.to/samahdev/dashboard-widgets-pack-113-components-born-from-one-very-annoying-tuesday-2lm</link>
      <guid>https://dev.to/samahdev/dashboard-widgets-pack-113-components-born-from-one-very-annoying-tuesday-2lm</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fset9o3qhfqt67jc8luv0.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fset9o3qhfqt67jc8luv0.png" alt=" " width="800" height="420"&gt;&lt;/a&gt;Dashboard Widgets Pack — 113 Components Born From One Very Annoying Tuesday 📊&lt;/p&gt;

&lt;p&gt;What I Built&lt;/p&gt;

&lt;p&gt;Dashboard Widgets Pack — a library of 113 dashboard components across 16 categories, built for developers who are tired of rebuilding the same charts, cards, and tables for every single client project.&lt;/p&gt;

&lt;p&gt;Cards, stat widgets, charts, tables, calendars, activity feeds, progress trackers — the pieces that show up in every dashboard, but that somehow you always end up rebuilding from scratch.&lt;/p&gt;

&lt;p&gt;The Problem&lt;/p&gt;

&lt;p&gt;Around a year ago I was freelancing on my third dashboard project in a row. Different client, different brand colors, same exact components: a revenue card, a line chart, a “recent activity” feed, a stats grid.&lt;/p&gt;

&lt;p&gt;I opened my old project folder to copy-paste what I’d built before. Nothing matched. Different prop names, different styling approach, half of it written before I’d even settled on a consistent design system. I spent two hours untangling code I’d written myself just three months earlier.&lt;/p&gt;

&lt;p&gt;That’s when it hit me — I wasn’t reusing anything. I was rebuilding the same 20 ideas over and over, slightly differently each time, and losing hours I could’ve spent on the parts of the project that actually needed my attention.&lt;/p&gt;

&lt;p&gt;So I stopped mid-project and asked myself: what if I built this once, properly — typed, consistent, actually reusable — and never had to do this again?&lt;/p&gt;

&lt;p&gt;The Build&lt;/p&gt;

&lt;p&gt;That question turned into a much bigger project than I expected. What started as “let me just clean up my stat cards” became a full component system:&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;• 113 components across 16 categories (stats, charts, tables, calendars, activity feeds, forms, and more)
• Fully typed with TypeScript — no more guessing what props a component expects
• Built on shadcn/ui so it fits naturally into projects that already use it
• Charts powered by Recharts, animations by Framer Motion
• Styled with Tailwind CSS, so every widget is easy to re-theme per client
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;The rule I held myself to: every component had to be something I’d actually drop into a real client project without editing it first. Not a demo piece — a working piece.&lt;/p&gt;

&lt;p&gt;What I’m Most Proud Of&lt;/p&gt;

&lt;p&gt;Not the count. It’s that the next time I open a new dashboard project, I’m not starting from zero. I’m starting from a library that already knows what a good stat card, a good chart, a good table looks like — so I can spend my time on what makes that client’s project different, instead of rebuilding what’s always the same.&lt;/p&gt;

&lt;p&gt;Try It&lt;/p&gt;

&lt;p&gt;🔗 Get it on Gumroad: &lt;br&gt;
[&lt;a href="https://lynala.gumroad.com/l/dashboard-widgets" rel="noopener noreferrer"&gt;https://lynala.gumroad.com/l/dashboard-widgets&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;What’s next: more categories based on what people actually ask for after using it — this pack grows &lt;a href="![%20](https://dev-to-uploads.s3.us-east-2.amazonaws.com/uploads/articles/1jm7ahylt1ppxh7778vt.png)"&gt;&lt;/a&gt;with real project needs, not just my own.&lt;/p&gt;

</description>
      <category>frontend</category>
      <category>showdev</category>
      <category>ui</category>
      <category>webdev</category>
    </item>
    <item>
      <title>🚀 I Built a Modern Dashboard Widgets Pack for React &amp; Next.js</title>
      <dc:creator>Sama</dc:creator>
      <pubDate>Thu, 23 Jul 2026 22:51:57 +0000</pubDate>
      <link>https://dev.to/samahdev/i-built-a-modern-dashboard-widgets-pack-for-react-nextjs-297p</link>
      <guid>https://dev.to/samahdev/i-built-a-modern-dashboard-widgets-pack-for-react-nextjs-297p</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fd8pxj2k06ts8d1qk7ru6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fd8pxj2k06ts8d1qk7ru6.png" alt=" " width="800" height="800"&gt;&lt;/a&gt;I Built a Modern Dashboard Widgets Pack for React &amp;amp; Next.js&lt;/p&gt;

&lt;p&gt;Over the past few weeks, I designed and built a collection of reusable dashboard components for modern SaaS applications.&lt;/p&gt;

&lt;p&gt;What’s included?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;✅ 50+ reusable dashboard widgets&lt;/li&gt;
&lt;li&gt;✅ React + Next.js&lt;/li&gt;
&lt;li&gt;✅ TypeScript&lt;/li&gt;
&lt;li&gt;✅ Tailwind CSS&lt;/li&gt;
&lt;li&gt;✅ Responsive layouts&lt;/li&gt;
&lt;li&gt;✅ Dark mode support&lt;/li&gt;
&lt;li&gt;✅ Clean and reusable code&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The goal was simple:&lt;/p&gt;

&lt;p&gt;Instead of rebuilding the same dashboard UI over and over again, developers can quickly integrate these components into their own projects and customize them as needed.&lt;/p&gt;

&lt;p&gt;I’d really appreciate any feedback from the DEV community.&lt;/p&gt;

&lt;p&gt;🚀 Launch Offer&lt;/p&gt;

&lt;p&gt;To celebrate the launch, the product is available for $39 for a limited time before returning to its regular price&lt;/p&gt;

&lt;p&gt;🔗 Product: [&lt;a href="https://lynala.gumroad.com/l/dashboard-widgets" rel="noopener noreferrer"&gt;https://lynala.gumroad.com/l/dashboard-widgets&lt;/a&gt;]&lt;/p&gt;

&lt;p&gt;Thanks for reading &lt;/p&gt;

</description>
      <category>react</category>
      <category>nextjs</category>
      <category>typescript</category>
      <category>tailwindcss</category>
    </item>
  </channel>
</rss>
