Platform 2 · UI & Design Kits
Duotone Interface Icon Yard
built by Jonas Weber
All levels 2,000 files 654 aboard
Open fare
€1–€100
All lines running
Instant download · Free updates · 14-day refund
Line KJ-106 Platform 2 · UI & Design Kits
Sixty-four copy-paste landing-page sections — heroes, pricing, testimonials, FAQs and footers — in Tailwind CSS.
JW Maintained by Jonas Weber
Every bullet below is in the download, working, the moment your payment clears.
4 parts · 67 files · 30m of walkthroughs
16 files with a 7m 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.
20 files with a 8m 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.
18 files with a 9m 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.
13 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.
4 parts · 67 files
30m total length
Short list, and deliberately so. If you meet these you can start today.
Wayfinder is a library of sixty-four landing-page sections designed to combine: sixteen hero variants, pricing tables, feature grids, logo clouds, testimonials, FAQs, call-to-action bands and footers. Pick six, paste them in order, and you have a page that looks designed rather than assembled.
Each block is plain HTML with Tailwind classes, no JavaScript required beyond two optional Alpine snippets for the FAQ and the mobile menu. Copy is written as realistic placeholder text with notes on what each slot should say, which tends to be the harder half of a landing page.
Still unsure about something? Write to our contact page and a human answers, usually the same working day.
Reviews are written by people who bought this product. We publish the critical ones too.
4.0
Rated 4.0 out of 5Product rating · 2 reviews
Bruno Lefevre
Indie maker
The blocks look good, but the notes on what each slot should say helped more. My launch page converted noticeably better than my last one.
Katarzyna Wolska
Web developer
Good quality HTML. I expected more variants for SaaS feature comparisons; there are two, and I ended up building a third myself.
Front-end systems engineer, runs the UI line
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.
One-time payment · lifetime access