README

Shadcn Admin UI for Sylius Stack

Tailwind CSS v4 + shadcn/ui admin theme for Sylius Stack
A drop-in alternative to sylius/bootstrap-admin-ui: same hooks, same macros, a modern look.

Installation · Configuration · Theming · Grids · Menu · Components · Migration

Why this theme?

	Feature	Details
🔁	Drop-in replacement	Same hook and hookable names as BootstrapAdminUi: your `sylius_twig_hooks` customisations keep working.
🧩	Same macro APIs	`button`, `breadcrumbs`, `header`, `table`, `pagination`, `dropdown`…: just change the namespace.
🧭	shadcn sidebar	Collapsible to icons, `Ctrl`/`⌘` + `B`, state kept in a cookie, drawer on mobile, 3 variants.
📊	Grids	Sorting, filters, pagination, selection + bulk delete, card layout on mobile.
🎨	shadcn tokens	Paste a theme from ui.shadcn.com/themes or tweakcn. Dark mode included.
📦	100% AssetMapper	No Node, no Webpack: Tailwind runs through `symfonycasts/tailwind-bundle`.

Quick start

Important

sylius/bootstrap-admin-ui can be installed alongside, but never enable both bundles in the same kernel.

composer require rem42/shadcn-admin-ui

# config/packages/rem42_shadcn_admin_ui.yaml
imports:
    - { resource: '@Rem42ShadcnAdminUiBundle/config/app.php' }

/* assets/styles/admin.css */
@import "tailwindcss";
@import "../../vendor/rem42/shadcn-admin-ui/assets/styles/theme.css";

php bin/console tailwind:build assets/styles/admin.css --watch

Then follow the installation guide for the JavaScript entrypoint, icons and UX Autocomplete.

Requirements

Package	Version
PHP	8.4+
Symfony	7.4 LTS or 8.x
Sylius Stack (`sylius/admin-ui`, `twig-hooks`, `twig-extra`)	0.14
Symfony UX (`ux-twig-component`, `stimulus-bundle`, `ux-icons`)	3.5+ (required by the shadcn kit: `provide()` / `inject()`)
`symfonycasts/tailwind-bundle`	1.x (Tailwind CSS v4)

Documentation

Guide	You will learn to…
📥 Installation	Install the bundle, build the stylesheet, wire the entrypoint, icons, Autocomplete
⚙️ Configuration	Configure the bundle: sidebar variant, branding, paths
🎨 Theming	Change colors, radius and font, use the tone palette, dark mode
📊 Grids	Tune columns, mobile cards
🧭 Menu	Build the sidebar menu: sections, collapsible items, headers, external links
🧩 Components	Use shadcn components, Sylius components, macros, Stimulus controllers, form theme
🔀 Migration	Move an existing project from BootstrapAdminUi
🛠️ Contributing	Run the demo application, the tests, and update the shadcn recipes

Try the demo

git clone git@github.com:rem42/shadcn-admin-ui.git && cd shadcn-admin-ui
composer install
make up    # http://localhost:8080/admin  (admin / admin)

A book CRUD with filters, quick filters, bulk delete, forms and a dashboard, on SQLite. See Contributing.

License

MIT. Includes the shadcn kit recipes from Symfony UX Toolkit (MIT), tw-animate-css (MIT) and shadcn/tailwind.css (MIT).

rem42 / shadcn-admin-ui

Package info

Security

Statistics