Dashboard

Dashboard Products

This is clearly labelled sample content that demonstrates a production-ready layout without invented customer claims, fake adoption metrics, or custom CSS.

Responsive shell

Grid, stack, card, table, and form utilities adapt across mobile and desktop.

Accessible controls

Labels, landmarks, keyboard behavior, and visible focus are first-class.

Theme and RTL

Semantic tokens and logical properties carry dark mode and RTL.

Source Overview

Copy this template structure into a project and keep all visual work inside TicFrame classes, tokens, and documented JavaScript APIs.

HTML

<main class="tf-container tf-py-12">\n  <section class="tf-grid tf-grid-cols-1 md:tf-grid-cols-3 tf-gap-4">\n    <article class="tf-card"><div class="tf-card-body">Template block</div></article>\n  </section>\n</main>