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-138 Platform 2 · UI & Design Kits
Pattern Platform: 500 Backgrounds
Five hundred lightweight SVG and CSS backgrounds — grids, dots, waves, topographic lines and mesh gradients.
450
builders
JW Maintained by Jonas Weber
- Last updated October 2026
- English
- 25m of walkthroughs
- 500 files
What you get
5 items in the boxEvery bullet below is in the download, working, the moment your payment clears.
- 500 backgrounds, none larger than 2 KB
- Light and dark variants of every pattern
- CSS classes, Tailwind utilities and SVG files
- Mesh gradients without image files
- Pay any fare from €1 to €100 — each euro unlocks 5 backgrounds
What's in the box
6 parts · 500 files · 25m of walkthroughs
84 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.
84 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.
83 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.
83 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.
83 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.
83 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 · 500 files
25m total length
You will need
Short list, and deliberately so. If you meet these you can start today.
- Nothing beyond a browser
About this product
Pattern Platform is a library of backgrounds that weigh almost nothing: pure CSS gradients, tiny tiling SVGs and inline noise. Grids, dot fields, diagonal stripes, waves, topographic contour lines, circuit traces and soft mesh gradients, each with a light and a dark variant.
Every pattern is available as a CSS class, a Tailwind utility and a standalone SVG, and none exceeds two kilobytes. Your fare unlocks families in order, starting with grids and dots.
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 5 backgrounds, and parts unlock in the order listed on this page, so you see exactly what your fare includes before you pay.
No. New backgrounds 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.