New line
Platform 2 · UI & Design Kits
Duotone Interface Icon Yard
built by Jonas Weber
All levels 2,000 files 654 aboard
Open fare
€1–€100
UI & Design Kits
All levels
Line KJ-137 Platform 2 · UI & Design Kits
Dashboard Widget Depot
240 dashboard widgets — KPI tiles, sparklines, funnels, leaderboards, activity feeds — in Tailwind, React and Vue.
71
builders
JW Maintained by Jonas Weber
- Last updated October 2026
- English
- 25m of walkthroughs
- 240 files
What you get
5 items in the boxEvery bullet below is in the download, working, the moment your payment clears.
- 240 widgets in Tailwind HTML, React and Vue
- Loading, empty and error states for each
- Colour-blind-safe chart palettes
- One spacing system so widgets tile cleanly
- Pay any fare from €1 to €100 — each euro unlocks 2.4 widgets
What's in the box
6 parts · 240 files · 25m of walkthroughs
40 files with a 3m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
40 files with a 4m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
40 files with a 5m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
40 files with a 6m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
40 files with a 3m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
40 files with a 4m walkthrough video. This part is documented in the architecture guide, with notes on every decision and how to change it for your own project.
The full file tree and the walkthroughs are in your download, available straight after checkout.
6 parts · 240 files
25m total length
You will need
Short list, and deliberately so. If you meet these you can start today.
- Tailwind CSS 3 or 4
About this product
Widget Depot is the inside of a dashboard: the tiles and panels you arrange in a grid. KPI tiles with trend arrows, sparklines, progress rings, funnels, cohort tables, leaderboards, activity feeds, status timelines, map panels and empty states, each designed to share one spacing and colour system.
Every widget ships as Tailwind HTML, a React component and a Vue component, with loading and empty states included and colours chosen to stay readable for colour-blind users. Your fare unlocks widget families in the listed order.
You choose the fare: anything from €1 to €100, in whole euros. At €100 you get every part, plus all future additions to it.
Topics covered
Frequently asked questions
Still unsure about something? Write to our contact page and a human answers, usually the same working day.
Pick any whole-euro fare from €1 to €100. Each euro unlocks 2.4 widgets, and parts unlock in the order listed on this page, so you see exactly what your fare includes before you pay.
No. New widgets added to the parts you have unlocked appear behind the same download link at no extra cost.
Checkout is handled on our provider's secure payment page. The moment your payment clears we email your personal access link and access code to the address you used at checkout, and the same link appears in your account library. There is nothing to install and nothing to wait for.
Email within 14 days of your purchase, quote your order number, and we refund the full amount to your original payment method. No form to fill in and no questions about how much of the product you watched.
What builders say
No reviews yet
Nobody has reviewed this product yet, so there is no score to show. Buy it, work through it, and your review could be the one that helps the next developer decide.
Your maker
JW
Jonas Weber
Front-end systems engineer, runs the UI line
- 4,162 builders aboard
- 12 products published
- 4.6 maker rating
- Tailwind CSS
- React
- Next.js
- Vue
- Accessibility
Jonas builds design systems for product teams and has a long-standing grudge against inaccessible dropdowns. He designs and codes the UI kits, the Next.js starter and the icon set, testing every component with a keyboard and a screen reader before it is released. He believes a component library is only finished when the documentation is.