• Getting Started
    • Installation
    • Quick Start
    • Guides and Concepts
    • Migrating from RA-UI
    • MCP Server
    • Changelog
  • App Config
  • Page Components
  • Viewing
  • Editing
  • Widgets
  • Map (Leaflet)
  • CSV Import
  • MDX Editor
  • Rich Text Input
  • Block Editor
  • Realtime
  • UI & Layout
  • Supabase
  1. Docs
  2. App Config

App Config

Wire up the Admin, resources, data providers, auth, and i18n.

Admin

The Admin component, along with all the necessary components to create an admin (such as List, Edit, DataTable, TextField, TextInput, etc.)

Resource

<Resource> components define the CRUD routes of a shadmin application.

CustomRoutes

<CustomRoutes> lets you define custom pages in your shadmin application, using react-router <Routes> elements.

Data Fetching & Data Providers

In a shadmin app, you don’t write API calls using fetch or axios. Instead, you communicate with your API through an object called the dataProvider.

Security & Auth Providers

Shadcn-Admin-Kit supports both authentication and authorization, allowing you to secure your admin app with your preferred authentication strategy. Since there are many strategies (e.g., OAuth, MFA, passwordless, magic link), shadmin delegates this logic to an authProvider.

I18N

Translate the admin UI and let users switch locales with the i18n provider.

Themes

Shadmin uses native shadcn theming. A theme is a set of CSS custom properties (--primary, --background, …) living in your stylesheet — not a runtime JavaScript object. The default palette ships in src/index.css (:root for light, .dark for dark) and every component renders against it.