# Introduction

## What is Concorde?

Based on **[lit.dev](https://lit.dev)**, Concorde is a collection of web components for shared apps and websites.  
Build UIs without tying components to a specific host stack, while keeping visual consistency through the smallest set of CSS variables needed to define a theme.

## Why and use case

In 2022, Supersoniks needed a new ticketing stack for nearly 100 sites — mobile apps, modern sites, and legacy PHP without bundlers.  
One composable web-component library replaced many one-off apps. Lit was chosen for broad runtime compatibility.

### Stack

* Lit
* TypeScript
* Vite
* Tailwind (starter kit, not required in the core package)

### Functional features

* **DataProvider** store (decorators, `get` / `set`)
* Forms (`formDataProvider`)
* Lists, queues, lazy loading
* Router, states, UI kit with status variants

## Start a new project

<sonic-code language="bash">
  <template>
npx @supersoniks/create-concorde-ts-starter "project_name"
  </template>
</sonic-code>

The starter runs **`yarn ai:sync`** for you. Details: [AI agents (skills)](/docs/getting-started/ai-agents).