Skip to content

Tessli

A UI library that explains its reasoning.

In development

Built by Online Scope Labs.

Online Scope Labs is where we build our own products: tools for the public, each with its own name and website.

Built with
  • Next.js
  • TypeScript
  • Tailwind CSS
Diagram, not a screenshot

What it does

  1. Ready-to-use components, sections and pages, each with its code and a live preview.
  2. A short explanation beside each one: when to use it, and when not to.
  3. A curated directory of design resources.
  4. Free to browse, with no account.

Who it's for

  • Designers.
  • Front-end developers.
  • People who build with AI coding tools.

How it works

  1. Find a component

  2. Read why it's built that way

  3. Copy the code

Other Labs products

All Labs products
  • FormParcelSend your website form to a Google Sheet.
  • UGC Content TrackingKeep track of the content creators make for your brand.
  • TagOwlUTMs, QR codes, short links and tracking, in one place.

Questions about Tessli?

We reply within 24 hours.