Struct UI

Production-ready, high-density data layouts (Dashboards, Settings, Auth) specifically for the TanStack ecosystem.

Templates Catalogue

Template	Description	Live Demo	Source Code	Key Features
Portfolio 01 (Sentrix)	Sleek, motion-driven portfolio with AI terminal.	Demo	Source	GSAP, Lenis, AI Terminal
Dashboard (Starter)	Production-ready SaaS dashboard boilerplate.	—	Source	TanStack Table, Virtual, Sidebar
Landing 01 (Cre8XP)	High-performance, dark-mode landing page with scroll reveals.	Demo	Source	Scroll Animations, Geist Font, Lucide Icons
Landing 02 (Kreona)	AI-powered coding studio landing page with complex motion.	Demo	Source	Beam Animations, Interactive Grid, Motion Reveal

Project Definition

Struct UI is an Open Source UI Kit / Boilerplate designed for developers building complex B2B SaaS applications. We prioritize type-safety, headless logic, and performance.

Philosophy: "TanStack First". We leverage the bleeding-edge TanStack ecosystem to provide a premium starting point for UI that gives you control over the logic.

Target Audience: Developers who need high-density interfaces and full control over their application logic.

The Tech Stack (Strict)

We are fully committed to the TanStack ecosystem. Next.js is explicitly avoided in favor of TanStack Start.

• Framework: TanStack Start (SSR, Server Functions)
• Routing: TanStack Router (File-based routing, Type-safe search params, Loaders)
• Styling: Tailwind CSS + Base UI (Headless components)
• State/Data Fetching: TanStack Query (Integrated via Router loaders)
• Forms: TanStack Form (Headless validation and state)
• Data Display: TanStack Table + TanStack Virtual
• Language: TypeScript (Strict mode)
• Validation: Zod

Monorepo Structure

This project is a monorepo managed with pnpm.

/
├── templates/
│   └── starter/    # The main dashboard starter template
└── package.json

Getting Started

To install dependencies:

pnpm install

To run the starter template:

cd templates/starter
pnpm dev