Shadcn/ui provides beautifully designed accessible, customizable components that you can copy and paste into your apps.

Shadcn/ui codebase size is decent, not as large as the likes of Supabase, Cal.com, Lobechat. In this guide, you will learn the project structure used in Shadcn/ui.

Inspired by Bulletproof-react's Project Structure, We provide an overview of the project's folder structure.

Shadcn/ui is a monorepo and uses Turborepo build system

In this guide, we study the project structure in this order:

• Root level structure
• apps/www
• packages
• scripts
• templates/monorepo-next

You will find additional tooling and configuration at the root level, these are analyzed and documented in Shadcn/ui tooling.

References:

1. https://turbo.build/repo/docs
2. https://github.com/alan2207/bulletproof-react/blob/master/docs/project-structure.md
3. https://github.com/shadcn-ui/ui