Tessli

UI with the reasoning attached.

Components and sections that ship with working code, a live preview in three themes and their taste notes: when to use them, when not to, the generic default they replace, and their states, responsive behaviour and accessibility. Install any item with the shadcn CLI.

The library is new: 12 items so far, none reviewed by a maintainer yet. Every item is checked automatically for accessibility, overflow and console errors in all three themes and at five widths.

Showing 4 of 12 items.

  • Sign-in and sign-up with validation

    Sign-in and sign-up pages that check each field when people leave it, explain every error in text next to its field, and show progress, failure and success plainly.

    • Page
    • Sign-in and sign-up
    • Community
  • Dashboard overview

    Opens on the one question the dashboard exists to answer, gives the answer in a sentence, backs it with two or three compared metrics and a trend, and lists what needs attention.

    • Page
    • Dashboards
    • Community
  • Mobile list to detail

    A list of records that becomes one view at a time on phones, with large rows and a back button, and two panes side by side from 768px.

    • Page
    • Mobile
    • Community
  • Settings: account and danger zone

    An account settings page whose profile form validates per field and reports saves in place, with a separate danger zone that offers export before a typed, confirmed delete.

    • Page
    • Settings
    • Community