FivUI
DocsAppKit

AppKit

beta

Complete, production-ready application UI kits built on FivUI components. Get entire applications with full source code control and complete customization freedom.

AppKit represents the next evolution of component libraries - complete application solutions that you own entirely.

Traditional application templates and UI kits often come with restrictions, licensing limitations, or incomplete implementations. AppKit eliminates these barriers by providing complete, production-ready applications that become part of your codebase.


Every component, every style, every interaction pattern is yours to modify, extend, or completely rewrite. This approach ensures that your applications can evolve without being constrained by external dependencies or design decisions.

Core Principles

🚀

Complete Applications

Production-ready application interfaces with full functionality, responsive design, and accessibility features.

🔓

Full Source Control

100% source code ownership with unlimited customization freedom and no vendor lock-in.

One Command Install

Install entire applications with a single CLI command that copies all code to your project.

🎨

Unlimited Customization

Modify colors, layouts, functionality, or completely rewrite components to match your brand.

📱

Mobile First

Every AppKit is built with mobile-first responsive design, ensuring great experiences across all devices.

Accessibility Built-in

Comprehensive accessibility features including ARIA labels, keyboard navigation, and screen reader support.

What is AppKit?

Complete Application Kits

AppKit provides fully functional, production-ready application interfaces that you can install directly into your projects. Each kit includes the complete application UI, business logic, and styling.

  • Ready-to-use application interfaces
  • Complete source code included
  • Production-ready components
  • Responsive design patterns
  • Business logic and state management

Full Source Control

Unlike traditional component libraries, AppKit gives you complete ownership of the code. Every line is copied to your project, giving you unlimited customization freedom.

  • 100% source code ownership
  • Unlimited customization
  • No vendor lock-in
  • Complete design control
  • Modify any component or feature

Requirements

AppKit requires FivUI to be installed in your project. The installation process will automatically handle all dependencies and ensure compatibility.

FivUI Installation Required

Before installing any AppKit, you must have FivUI set up in your project. This ensures all components, utilities, and styling systems are properly configured.

Installation Command:

npx fivui init

Installation

Installing an AppKit is straightforward and follows the same pattern as individual FivUI components:

Simple CLI Command

Use the FivUI CLI to install any AppKit with a single command:

npx fivui add appkit-email

This command will copy the complete Email AppKit to your project, including all components, types, and demo data.

What You Get

Complete Source Code

Every component, utility, and configuration file is copied to your project. No external dependencies or hidden implementations.

Production Ready

Each AppKit is built with production standards, including proper TypeScript types, accessibility features, and responsive design.

Unlimited Customization

Modify colors, layouts, functionality, or completely rewrite components. You have full control over every aspect.

Mobile First

Every AppKit is built with mobile-first responsive design, ensuring great experiences across all devices.

Accessibility Built-in

Comprehensive accessibility features including ARIA labels, keyboard navigation, and screen reader support.

Demo Data Included

Realistic sample data and configurations to help you understand how everything works together.

Available Kits

Email App

beta

A complete email application interface with thread management, compose functionality, and responsive design. Perfect for building email clients, help desk systems, or any communication platform.

Responsive DesignTypeScriptMobile Optimized

Getting Started

Ready to get started with AppKit? Follow these simple steps:

1

Install FivUI

First, ensure FivUI is properly installed and configured in your project:

npx fivui init
2

Choose Your Kit

Browse available AppKits and choose the one that fits your needs. Each kit includes detailed documentation and live demos.

3

Install the Kit

Install your chosen AppKit using the FivUI CLI:

npx fivui add appkit-email
4

Customize & Deploy

The complete source code is now in your project. Customize it to match your brand, add your business logic, and deploy with confidence.

Learn More