Introduction
FivFold is a full-stack Kit platform. Drop in complete, production-ready features in minutes.
What is FivFold?
FivFold provides pre-built, opinionated full-stack features called Kits. Each Kit includes a polished frontend built on shadcn/ui and optional backend scaffolding for your chosen framework and database layer. You own the code as everything is copied into your project, not installed as a black-box dependency.
Why Kits?
Instead of building common features from scratch or stitching together disparate libraries, Kits give you complete, cohesive implementations. They follow best practices, use your existing design system, and integrate seamlessly with your stack.
Key features
Frontend Kits
Complete UI modules built exclusively with shadcn/ui components. Fully responsive, accessible, and CSS variable-based for easy theming. Each Kit is a single import away.
Backend scaffolding
Entities, DTOs, services, and controllers for your chosen framework and database layer. Type-safe, validated, and ready to wire into your stack. Includes integration READMEs.
Core engine
Shared @fivfold/core powers both CLIs. VFS, manifests, Strategy Pattern, AST engine. No combinatorial explosion—extensible by design.
AI-ready
Generate AGENTS.md at project root with your FivFold setup, conventions, and installed Kits. Gives AI coding assistants full context for better suggestions.
Architecture
Each Kit is documented as a single unit: UI (every component and element) and API (backend scaffolding with platform options). The docs are organized by Kit—each with tabs for UI details and API platform choices.
FivFold uses two CLIs: @fivfold/ui for frontend Kits and @fivfold/api for backend modules. Both read from a shared fivfold.json config.
Tailwind v4 only
FivFold targets Tailwind CSS v4 exclusively. Use @import "tailwindcss" in your CSS. No tailwind.config.js is required for FivFold themes.
Next steps
Get started by installing FivFold in your project, then explore the CLI commands.