DocsFolder Structure

Folder Structure

Learn how TailAdmin is organized to help you navigate and customize the project efficiently.

TailAdmin offers different versions to suit your development stack. While the core design system and UI components remain consistent, the file structure varies to align with the best practices of each framework.

High-Level Overview

At a high level, every TailAdmin project consists of three main parts:

  1. Source Code: The src (HTML) or resources (Laravel) directory where you’ll spend most of your time. This contains your pages, styles, scripts, and components.
  2. Configuration: Root-level files like tailwind.config.js, package.json, or vite.config.js that manage dependencies, build settings, and framework rules.
  3. Assets: Directories for static files like images, fonts, and icons.

Conventions

  • Component-Based: We adhere to a modular architecture. Whether it’s HTML partials or Laravel Blade components, everything is broken down into reusable pieces.
  • Utility-First: Styling is primarily handled via Tailwind CSS utility classes, ensuring consistency and rapid development.
  • Modern Tooling: We use industry-standard tools like Webpack (HTML) and Vite (React) to ensure a fast and optimized development experience.

Select your version from the sidebar to explore the specific file structure in detail.

LaravelHTML