Ask HN: What are some well-designed websites?

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • Stripe

    PHP library for the Stripe API.

  • For me Stripe is the peak for a product/company website:

    https://stripe.com/

    I heard some people admire https://linear.app/ but I don't see the appeal myself

    Majority of websites often fall into one of two categories:

    1. Traditional off the shelf template

    2. Look cool but fail when it comes to usability and robustness (those featured on awwwards)

  • lila

    ♞ lichess.org: the forever free, adless and open source chess server ♞

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • govuk-puppet

    Discontinued Decommissioned: Puppet manifests that used to provision the legacy GOV.UK stack.

  • I'll throw https://www.gov.uk/ into the ring here. Heard it's one of the best designed websites for disabled accessibility.

  • cms

    The core Laravel CMS Composer package

  • Aah, that's always a controversial question, on one hand, some universal rules of usability do exist, but on the other hand, everyone's habits, taste and use cases are very different.

    The most neutral definition of a "well designed" website, without any further context, could be "created in a way that helps users achieve intended goals efficiently, while keeping max number of users happy about its look".

    Again, different audiences will have very different answers. Here at HN, sites like https://www.mcmaster.com/ and https://www.craigslist.org win – because HN users appreciate old look and how efficient these sites are.

    https://www.apple.com/ is an industry standard of a marketing site for consumer tech. It's not universally "well designed".

    Other examples of well done marketing pages: https://www.sketch.com/ ; https://statamic.com/ ; https://linear.app/ got its share of hype recently.

    Other times, a website is well designed because its content is awesome and is easy to consume. See https://ciechanow.ski/ and https://www.joshwcomeau.com/

    Is https://github.com/ well designed? As an amateur developers, I'd say yes.

    Is https://htmx.org/ well designed? Hmm, at a glance, there's no design at all. Is no design also design? That's a rabbit hole.

    P.S. I often hear my website is well-designed :-)

  • htmx

    </> htmx - high power tools for HTML

  • Aah, that's always a controversial question, on one hand, some universal rules of usability do exist, but on the other hand, everyone's habits, taste and use cases are very different.

    The most neutral definition of a "well designed" website, without any further context, could be "created in a way that helps users achieve intended goals efficiently, while keeping max number of users happy about its look".

    Again, different audiences will have very different answers. Here at HN, sites like https://www.mcmaster.com/ and https://www.craigslist.org win – because HN users appreciate old look and how efficient these sites are.

    https://www.apple.com/ is an industry standard of a marketing site for consumer tech. It's not universally "well designed".

    Other examples of well done marketing pages: https://www.sketch.com/ ; https://statamic.com/ ; https://linear.app/ got its share of hype recently.

    Other times, a website is well designed because its content is awesome and is easy to consume. See https://ciechanow.ski/ and https://www.joshwcomeau.com/

    Is https://github.com/ well designed? As an amateur developers, I'd say yes.

    Is https://htmx.org/ well designed? Hmm, at a glance, there's no design at all. Is no design also design? That's a rabbit hole.

    P.S. I often hear my website is well-designed :-)

  • Puts Debuggerer

    Ruby library for improved puts debugging, automatically displaying bonus useful information such as source line number and source code.

  • Aah, that's always a controversial question, on one hand, some universal rules of usability do exist, but on the other hand, everyone's habits, taste and use cases are very different.

    The most neutral definition of a "well designed" website, without any further context, could be "created in a way that helps users achieve intended goals efficiently, while keeping max number of users happy about its look".

    Again, different audiences will have very different answers. Here at HN, sites like https://www.mcmaster.com/ and https://www.craigslist.org win – because HN users appreciate old look and how efficient these sites are.

    https://www.apple.com/ is an industry standard of a marketing site for consumer tech. It's not universally "well designed".

    Other examples of well done marketing pages: https://www.sketch.com/ ; https://statamic.com/ ; https://linear.app/ got its share of hype recently.

    Other times, a website is well designed because its content is awesome and is easy to consume. See https://ciechanow.ski/ and https://www.joshwcomeau.com/

    Is https://github.com/ well designed? As an amateur developers, I'd say yes.

    Is https://htmx.org/ well designed? Hmm, at a glance, there's no design at all. Is no design also design? That's a rabbit hole.

    P.S. I often hear my website is well-designed :-)

  • steamdb.info-issues

    🚱 Issue tracker for the SteamDB website

  • https://steamdb.info/

    I love this website so so much.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • autocomplete

    IDE-style autocomplete for your existing terminal & shell

  • slightly tangential, but where do people get awesome landing pages like linear(https://fig.io/. has similar landing page) etc. Do they build them in-house or buy templates somewhere? Many of the recently launched YC companies have awesome landing pages. eg. https://automorphic.ai/,

  • excalidraw

    Virtual whiteboard for sketching hand-drawn like diagrams

  • Modern at first sight, but quickly dull the senses. Passable for their supreme usability (the Vercel dashboard works better on mobile than many websites on desktop).

    On the bottom right corners are the grandiloquent, the pompous, the extravagant. See them on Awwwards. Somehow, I feel a sizeable of Web3 websites fall into this, though I have only superficial exposure to them, with their overuse of transitions and animations.

    It's hard to find the exemplary websites, the residents of the top right corner. Some suggest the apple.com website, which I feel is certainly worthy of consideration but whose style I don't really grok. I shall leave here some suggestions, whose merits I hope is clear upon the first visit:

    - https://build.mmm.page

    - https://excalidraw.com

    - https://laracon.net

    - https://krasjet.com/rnd.wlk/julia

    - https://wise.com

    - https://cal.com

    - https://freefaces.gallery

  • cal.com

    Scheduling infrastructure for absolutely everyone.

  • Modern at first sight, but quickly dull the senses. Passable for their supreme usability (the Vercel dashboard works better on mobile than many websites on desktop).

    On the bottom right corners are the grandiloquent, the pompous, the extravagant. See them on Awwwards. Somehow, I feel a sizeable of Web3 websites fall into this, though I have only superficial exposure to them, with their overuse of transitions and animations.

    It's hard to find the exemplary websites, the residents of the top right corner. Some suggest the apple.com website, which I feel is certainly worthy of consideration but whose style I don't really grok. I shall leave here some suggestions, whose merits I hope is clear upon the first visit:

    - https://build.mmm.page

    - https://excalidraw.com

    - https://laracon.net

    - https://krasjet.com/rnd.wlk/julia

    - https://wise.com

    - https://cal.com

    - https://freefaces.gallery

  • stacks-project

    Repository for the Stacks Project

  • Personally, I love the Stacks Project webpage (https://stacks.math.columbia.edu/); they way it is laid out, the font, the seamless integration of LaTeX in the test (https://stacks.math.columbia.edu/tag/0A2U) has made me rethink mathematical text for the web.

  • csswg-drafts

    CSS Working Group Editor Drafts

  • I'm talking about on the web.

    Apple proposed the standard: https://github.com/w3c/csswg-drafts/issues/3299

    Safari 12.1 was the first browser to ship with color-scheme and prefers-color-scheme support: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref... https://developer.mozilla.org/en-US/docs/Web/HTML/Element/me...

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts