Working apps you can open and use right now — generators, studios and playgrounds designed and built end to end. On desktop, the previews are live.
The front end of app ideas — dashboards and management platforms designed in detail and coded into responsive, clickable interfaces. The UI layer, ready for a real back end.
Every tool below is a working miniature. Poke at it here, then open the full generator to export production-ready code.
Pricing Table Generator
Button Style Generator
Lorem Ipsum Generator
Footer Generator
User research, UX strategy, wireframes, and user flows.
Scalable design systems and component libraries.
Interactive prototypes to validate ideas and user experience.
Clean, responsive, accessible interfaces built with care.
I design polished digital products from first sketch to final interface — combining visual design, product thinking, and front-end craft to turn ideas into useful, memorable apps.
An immersive 3D gallery of selected web, app and brand work — the full picture beyond the apps.
Apps by Pat is a collection of web apps, free UI generators and front-end design builds created by Pat Johnson, a product designer and front-end developer. It includes creative apps like Refract and Bauhaus, free generators like PriceCraft and Button Ranch, and app interface builds like Airova and EstateView.
Yes. PriceCraft (pricing tables), Button Ranch (button styles), Lorem Lab (placeholder text) and Footerator (website footers) are free and run in your browser.
Refract is a distortion generator, Bauhaus is a geometric poster studio, Resume Designer is a resume generator, and Variable Font Playground lets you test and animate variable fonts. Each one opens and runs in the browser.
They are front-end design and build concepts: dashboards and management platforms for airline operations, real estate, pet spas and client brand management, designed in detail and coded as responsive interfaces. They show the UI layer of an app rather than a full product with a back end.
Pat Johnson is a product designer and front-end developer with more than 24 years of experience and over 10,000 followers on Dribbble. Pat runs MadebyPat, LLC, designing and building apps, websites, design systems and interactive prototypes.
Yes. Pat is available for new projects, including app design, front-end builds and creative direction. Use the contact form on this page or email pat@madebypat.com.
Whether it’s an app concept, portfolio piece, redesign, or front-end build, send a few details and I’ll help shape it into something polished.
Thanks — I’ll get back to you at .
