Tessli

About Tessli

A UI library that explains itself.

Tessli is an open-source library of components, sections and pages. Each one ships with working code, a live preview and its reasoning: when to use it, when not to, the rules it follows and the generic default it replaces. Beside the library sits a curated directory of design sources.

The library comes first.

People browse library items, copy them and learn from their notes. Coding agents install the same items with the shadcn CLI and read the same notes as structured data, together with a compact rules file.

Items use semantic theme tokens, so they take on the installing project's theme. Every preview is checked in three themes, Tessli, Neutral and Dark, because what an item teaches is structure: hierarchy, spacing, density, states and copy, not the Tessli palette.

The library is new: 12 items so far, none of them reviewed by a maintainer yet. Every item and rule shows its review status, and only a maintainer can mark one reviewed.

Sources are where else to look.

The Sources directory lists 129 repository-managed resources across 11 practical categories: what each one is good for, how to access it and where it falls short. It is meant to stay small enough that every entry can be defended.

A listing links to its original destination with limited descriptive context. It is not an endorsement, a quality guarantee or permission to copy another product's interface. Check the original source before using any asset, code or design reference in production.

What Tessli does not claim.

Tessli does not claim that it makes AI-built interfaces better. That claim needs a published, blinded comparison scored by people, and none has been run yet. Until then, Tessli says only that its library is explained, open and installable.

Built in the open on GitHub.

There are no accounts, no database and no forms on this site. Every contribution, whether a source, a design, a library item or a problem report, is a GitHub issue or pull request and is reviewed in public.

The code and taste notes are released under the MIT licence. The Tessli name, wordmark and hero artwork are not part of that licence; their rights are held by Online Scope.

  • Browse the library, the rules and the sources without an account.
  • Contribute through the paths on the Contribute page.