Kits Overview
Pre-built, full-featured modules that accelerate development. Each Kit combines a polished frontend with optional backend scaffolding.
What are Kits?
Kits are complete, opinionated features you can drop into your app. Each one uses only shadcn/ui primitives, is fully responsive, and follows CSS variable-based theming. No proprietary components—everything is copied into your project and is yours to customize.
How Kits save development time
Building full-featured modules from scratch—with proper layout, accessibility, responsive behavior, and backend integration—typically takes days or weeks. Kits compress that into minutes.
Skip the boilerplate
No more wiring up forms, dialogs, lists, and layouts from scratch. Kits ship with production-ready UI patterns, validation, and state handling. Focus on your business logic instead of reinventing common interactions.
Avoid integration headaches
Mixing libraries often leads to style conflicts, prop mismatches, and inconsistent patterns. Kits are built from a single design system (shadcn/ui) and share the same conventions. Everything fits together from day one.
Ship faster, iterate sooner
Get a working feature in your app immediately. Test with real users, gather feedback, and refine—instead of spending weeks in development before you can demo. Kits let you validate ideas quickly.
Own the code
Kits are copied into your project, not installed as opaque dependencies. You can tweak layouts, add fields, change behavior, and evolve the implementation. No vendor lock-in, no black-box components.
Full-stack in one place
Each Kit includes both frontend and backend documentation. The frontend covers every component and element; the backend covers scaffolding for your chosen stack. You get a single, cohesive reference instead of juggling separate UI and API docs.
Frontend and backend
Kits are designed as full-stack units. The frontend is a complete, responsive UI built on shadcn/ui—ready to import and use. The backend is optional scaffolding: entities, DTOs, services, and route handlers that you wire into your existing stack.
You can use the frontend alone (e.g., with a custom API or mock data) or add the backend scaffolding to get a full data layer. Both are documented in detail on each Kit page, with platform-specific options for the backend so you can match your preferred framework and database.
Frontend
Polished UI modules with every component and element documented. Fully responsive, accessible, and themeable via CSS variables. Drop in, customize as needed, and ship.
Backend
Optional scaffolding for entities, validation, and API endpoints. Type-safe, validated, and ready to integrate with your database. Choose the platform that fits your stack.
Prerequisites
Install FivFold in your project, then browse the available Kits. Each Kit page has detailed UI and API documentation with platform options.