# Docs

## benefits

- [Benefits](/docs/benefits): Why does this kit exist ? And why should I use it ?

## database

- [Database](/docs/database): Database management for the creatorem saas kit.

## scripts

- [Scripts](/docs/scripts): All the scripts commands from the the root `package.json` file.

## ui

- [Introduction](/docs/ui): A bunch of react components built using the radix design system.
- [Confirm Button](/docs/ui/components/confirm-button): A high level component to handle the AlertDialog component when you need to confirm an action.
- [File Upload](/docs/ui/components/file-upload): A simple file input with validation for formats and size.
- [Image Dropzone](/docs/ui/components/image-dropzone): Drag & drop or click to select an image, with preview support.
- [Media Manager](/docs/ui/components/media-manager): A full-featured media picker and manager with selection, edit, and upload.
- [Number Input](/docs/ui/components/number-input): An enhanced number input with keyboard, mouse wheel, and drag controls.
- [Phone Input](/docs/ui/components/phone-input): A phone input component that simplifies the phone input.
- [Progression](/docs/ui/components/progression): A progression component to display scroll progress through content.
- [QR Code](/docs/ui/components/qr-code): A compound component for generating QR codes with download functionality.
- [Quick Form](/docs/ui/components/quick-form): Avoid form redundancy by using a quick form component.
- [Speech Input](/docs/ui/components/speech-input): A compound component for capturing and transcribing audio input using the Web Speech API with real-time visualization.
- [Stepper](/docs/ui/components/stepper): A stepper component to display step by step content.
- [Tour](/docs/ui/components/tour): A guided tour that helps users understand the interface.
- [Use Copy To Clipboard](/docs/ui/hooks/use-copy-to-clipboard): A simple hook to copy to clipboard.
- [Delay](/docs/ui/hooks/use-delay): Delay your react states.
- [Input Drag Control](/docs/ui/hooks/use-input-drag-control): Update a number using drag controls
- [Dialog](/docs/ui/motion/dialog): An animated dialog component powered by motion.
- [Glow](/docs/ui/motion/glow): Add a glowing effect to your components.
- [Device Mockup](/docs/ui/motion/mutable-device-mockup): An animated mockup to switch and render macOS, iPhone and Android devices.

## mobile

- [Not implemented yet](/docs/mobile): Mobile environment tools

## web

- [Configuration](/docs/web/configuration): All the steps to install and keep up to date the creatorem saas kit.
- [Deployment](/docs/web/deployment): Implement your own documentation website with Fumadocs.
- [Environment Variables](/docs/web/environment-variables): All the environment variables you need to configure the creatorem saas kit.
- [Introduction](/docs/web): Provides all the tools you need to build scalable saas applications.
- [Documentation](/docs/web/features/documentation): Implement your own documentation website with Fumadocs.
- [Monitoring](/docs/web/features/monitoring): Tools to monitor your application, to track errors and events.
- [Roadmap](/docs/web/features/roadmap): Keep your users aware of your progress with a smooth roadmap process.
- [Settings](/docs/web/features/settings): Manage your application settings with ease.
- [Google Analytics](/docs/web/features/analytics/google-analytics): Setup Google Analytics for your project.
- [Analytics](/docs/web/features/analytics): Tools to track user behavior and events using different analytics providers.
- [Umami](/docs/web/features/analytics/umami): Umami is an open-source analytics solution.
- [Captcha](/docs/web/features/authentication/captcha): Protect your app from spam with Cloudflare Turnstile CAPTCHA
- [Authentication](/docs/web/features/authentication): The only authentication documentation page you need if you just want to setup the dashboard application.
- [Integration](/docs/web/features/authentication/integration): How to implement the authentication feature in an existing application.
- [Retrieve User](/docs/web/features/authentication/retrieve-user): Retrieve the current user in your application.
- [User Settings](/docs/web/features/authentication/user-settings): Display the authentication user settings UI.
- [Billing](/docs/web/features/billing): Add subscription and payment capabilities to your application with multiple billing providers.
- [Integration](/docs/web/features/billing/integration): How to implement the billing feature in an existing application.
- [Pricing Plans](/docs/web/features/billing/pricing): Display pricing plans that are synced with your billing provider configuration.
- [User Settings](/docs/web/features/billing/user-settings): Display the billing dashboard UI for users to manage their subscriptions and billing information.
- [Fumadocs](/docs/web/features/cms/fumadocs): Implement your own documentation website with Fumadocs.
- [CMS](/docs/web/features/cms): Integrate your content management system with your application.
- [Emails](/docs/web/features/emails): All you need to know to setup your SMTP server.
- [Emails Providers](/docs/web/features/emails/providers): Setup the SMTP provider you want to use.
- [Email Templates](/docs/web/features/emails/templates): Premade templates for emails to make your brand more professional.
- [Keybindings](/docs/web/features/keybindings): A type-safe keybindings system for React applications.
- [Keybindings Storage](/docs/web/features/keybindings/storage): Guide users through keybindings storage options.
- [Onboarding](/docs/web/features/onboarding): Add an onboarding process after registration to collect more data on your new users and to perform specific actions.
- [Organization Onboarding](/docs/web/features/onboarding/organization): Guide users through organization setup, team creation, and member invitations after registration.
- [Translations](/docs/web/features/translations): Boost accessibility and reach a wider audience by translating your app into multiple languages.
- [Language Selector](/docs/web/features/translations/language-selector): Allow users to switch between languages.
- [Translation Usage](/docs/web/features/translations/usage): Learn how to use the translations in your application.
- [Metrics Card](/docs/web/ui/analytic/metrics-card): A composable metrics card component for displaying analytics data with charts, values, and trends.
- [Content Table](/docs/web/ui/content-type/content-table): A content table component to display a table of content.
- [AskAI](/docs/web/features/cms/components/ask-ai): Enable users to ask AI questions about your content with integrated LLM endpoints.
- [Scroll to Top](/docs/web/features/cms/components/scroll-to-top): Enable users to quickly navigate back to the top of long pages with a smooth scroll-to-top button.
- [Table of Contents](/docs/web/features/cms/components/toc): Enable users to navigate through your content with an interactive table of contents and progress indicator.
- [Notion](/docs/web/features/cms/notion): Learn how to use Notion as Content Management System in your application.
- [LLMs](/docs/web/features/cms/notion/llms): Learn how to expose content for AI models.
- [Search](/docs/web/features/cms/notion/search): Add powerful search functionality to your Notion-powered applications.