Refactoring UI
Tired of relying on Bootstrap? Learn how to design awesome UIs by yourself using specific tactics explained from a developer.
About Refactoring UI
Refactoring UI is a paid design resource created by Adam Wathan and Steve Schoger, aimed at developers who want to improve the visual design of their own projects without hiring a designer. It centers on a 200+ page PDF book of 50 chapters covering practical design tactics across topics such as hierarchy, layout and spacing, typography, color, depth, and imagery, organized so chapters can be read independently or in any order.
Beyond the book, the package includes three video tutorials demonstrating how to apply the concepts to a form interface, a data-focused dashboard, and a text-focused landing page. It also includes a component gallery with 20+ categories and 200+ component and layout styles (buttons, cards, login pages, tables, navigation, marketing sections), a set of handcrafted color palettes with 10 shades per color plus example UI usage, and a curated list of over 30 recommended fonts organized by UI, headline, and article-copy use cases.
Key features
- 200+ page PDF book with 50 chapters on UI design tactics
- Three in-depth video tutorials applying the concepts to real UI scenarios
- Component gallery with 20+ categories and 200+ component styles
- Handcrafted color palettes with 10 shades per color plus example UIs
- Curated list of 30+ font suggestions across UI, headline, and article copy categories
Frequently asked questions
Who is Refactoring UI for?
It's aimed at developers who want to design better user interfaces themselves without relying on a professional designer.
What formats does the product come in?
It includes a PDF book, video tutorials, a component gallery, color palettes, and font suggestions.
Can I preview the content before buying?
Yes, two free chapters are available to read before purchasing.
Who created Refactoring UI?
It was created by Adam Wathan and Steve Schoger, the creators of Tailwind CSS.
How long is the book?
It's a PDF containing 50 chapters spread across more than 200 pages.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
Quicklisting
Marketing/SEO/DesignDone-for-you growth marketing for tech startups. From content and SEO to backlinks and design, Quicklisting helps you scale without hiring full-time.
Radix
Icon/UI/DesignComponents, icons, and colors for building high‑quality, accessible UI. Free and open-source.
Realtime Colors
Color/DesignVisualize your colors and fonts on a real website.
Refero
Design/Inspiration/UIThe biggest collection of design references from great web applications. Refero make design research easier and faster than ever before. Explore over then 8,000 pages and 40,000 searchable screens of the best of product design from real life.
Rupert AI
Design/Image/ProductivityRupert AI envisions a world where marketing is not just about reaching audiences but engaging them in the most personalized and effective way.
SaaS Design
Design/Inspiration/UIFor developers looking to create user-friendly designs in Figma: Free & open source Figma templates and UI kits to help kickstart your next project.
