Skip to content

Tabs

CSS-only tabs via radio buttons + role="tablist". No JavaScript required.

Tab panel

Overview: FAP CSS is a minimal, classless-first CSS framework. Write semantic HTML, get a polished UI for free.

Features: Dark mode, HTMX transitions, 87 FABCONS icons, 10 themeable tokens, skeleton loaders, tooltips, and more.

Pricing: Free and open-source. Zero dependencies. Zero cost. Forever.

<div role="tablist">
  <input type="radio" name="tabs" id="tab1" checked>
  <label for="tab1">Overview</label>
  <div role="tabpanel">
    <p>Overview content here.</p>
  </div>

  <input type="radio" name="tabs" id="tab2">
  <label for="tab2">Features</label>
  <div role="tabpanel">
    <p>Features content here.</p>
  </div>

  <input type="radio" name="tabs" id="tab3">
  <label for="tab3">Pricing</label>
  <div role="tabpanel">
    <p>Pricing content here.</p>
  </div>
</div>