Components

These components demonstrate how to build scalable semantic UI with TailUI.

Accordion

Collapsible content sections with open/close states.

Preview

TailUI is a semantic CSS-first component layer built on top of TailwindCSS.

Run npx tailui init to get started. It will guide you through the setup process.

Yes! TailUI is completely free and open source under the MIT license.

Code

1<div class="ui-accordion">
2  <div class="ui-accordion-item ui-open">
3    <button class="ui-accordion-trigger">
4      What is TailUI?
5    </button>
6    <div class="ui-accordion-content">
7      TailUI is a semantic CSS-first component
8      layer built on top of TailwindCSS.
9    </div>
10  </div>
11  <div class="ui-accordion-item">
12    <button class="ui-accordion-trigger">
13      How do I install it?
14    </button>
15  </div>
16  <div class="ui-accordion-item">
17    <button class="ui-accordion-trigger">
18      Is it free?
19    </button>
20  </div>
21</div>