Skip to content
Day 56: new resources are added every day. See what's new

Website

Checklist Design

Free best-practice checklists for designing pages, components and flows.

Visit Checklist DesignFree4.5

Built with love by Shushant Lakhyani. Building bestproductivityresources.com

What is Checklist Design?

Checklist Design is a free collection of best-practice checklists for designing websites and apps. It covers pages such as sign-up and pricing, elements such as buttons and forms, and flows such as onboarding, so you can check a design for missing details before it ships.

Pros

  • Practical, easy-to-scan lists
  • Covers many common screens
  • Free with no sign-up

Cons

  • Advice is general, not tailored
  • Few worked examples for each item

Who should use Checklist Design

Designers and founders who want to catch common UX gaps before launch.

Who may not need it

Experienced teams with their own detailed design guidelines.

Checklist Design alternatives

Similar resources to Checklist Design, picked from the directory.

Iconify

Focus: icons, svg and open source. Shares design resources with Checklist Design. Rated 4.7 (Checklist Design: 4.5).

WebsiteFreeWeb

WebAIM Contrast Checker

Focus: accessibility, colour contrast and wcag. Also in Workflows and Decision Making, like Checklist Design. A web app, not a website. Rated 4.7 (Checklist Design: 4.5).

Web AppFreeWeb

Font Awesome

Focus: icons, icon fonts and svg. Shares design resources with Checklist Design. Freemium (Checklist Design: Free). Rated 4.6 (Checklist Design: 4.5).

WebsiteFree planWeb

Hero Patterns

Focus: svg patterns, backgrounds and css. Shares design resources with Checklist Design. Same 4.5 rating.

WebsiteFreeWeb

Free alternatives to Checklist Design

Free resources that cover similar ground.

UI Skills

Focus: design engineering, frontend craft and accessibility. Shares ui design with Checklist Design. Same 4.5 rating.

WebsiteFreeWeb

uncoverLAB

Focus: figma, website components and app flows. Shares ui design with Checklist Design. Same 4.5 rating.

WebsiteFreeWeb

Meta_Kim

Focus: agent governance, claude code and codex. Also in Workflows and Decision Making, like Checklist Design. An AI tool, not a website. Rated 4.3 (Checklist Design: 4.5).

AI ToolFreeCross-Platform

Frontend Design Skill

Focus: claude, claude skills and frontend design. Shares ui design with Checklist Design. An AI tool, not a website. Rated 4.8 (Checklist Design: 4.5).

AI ToolFreeWeb

Icon Museum

Focus: icons, free and curated. Shares design resources with Checklist Design. A no-code tool, not a website. Rated 4.4 (Checklist Design: 4.5).

No-Code ToolFreeWeb

Monoco

Focus: squircle, css and javascript library. Shares ui design with Checklist Design. A framework, not a website. Rated 4.4 (Checklist Design: 4.5).

FrameworkFreeWeb
Are you the maker of Checklist Design?Get a free Featured badge for your site, a share image and ready-to-paste posts. No sign-up.

Free Notion database

1,100+ ways people are making money online

Real online businesses, creators and projects, broken down by how they make money: apps, online stores, AI tools and more. Free on Gumroad.

Get the free database

Free Notion database

399+ ways to make money online

Hundreds of online income methods in one place, so you can compare options and pick one to try. Free on Gumroad.

Get the free list

For research and ideas only. Results vary and nothing here is a promise of income. See our Disclaimer.

Weekly newsletter

New tools and visual guides, every Monday.

One short email a week with the best new tools and websites, plus my latest visual guides. Free, and you can unsubscribe anytime.

Join the newsletter

You sign up on Gumroad, which stores your email to send the newsletter. See our Privacy Policy.

Live traffic, fully public

This site's analytics are open for everyone to see.

Open dashboard