👋 This is a community-driven shadcn/ui resource. For the official documentation, visit ui.shadcn.com
User List Management
CRUD user list with table layout, search, filters, sorting, row actions including edit/delete, and bulk operations
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Managing users needs efficiency. This React CRUD list displays users in table with avatar, name, email, role, status columns, plus search bar, role filter dropdown, and sorting controls. Built with shadcn/ui Table, Input, Select, Button, Checkbox components, each row includes action menu with edit, deactivate, delete options and bulk selection for multi-user operations. Pagination, hover effects, and responsive stacking—perfect for admin dashboards, team management, or user directories where quick access to user operations improves administrative efficiency.
Installation
npx shadcn@latest add https://www.shadcn.io/registry/crud-list-users-01.jsonnpx shadcn@latest add https://www.shadcn.io/registry/crud-list-users-01.jsonpnpm dlx shadcn@latest add https://www.shadcn.io/registry/crud-list-users-01.jsonbunx shadcn@latest add https://www.shadcn.io/registry/crud-list-users-01.jsonRelated blocks you will also like
Edit User Profile
User profile form with avatar and role management
Account Settings Form
Comprehensive user settings with tabs
Data Table
Table with sorting and filtering
Bulk Edit Products
Update multiple items simultaneously
Delete Confirmation
Confirmation dialog for deletions
Product Detail View
Comprehensive detail view with tabs
Questions you might have
Kanban Board
CRUD kanban board with drag-and-drop columns for status management, card preview, and inline actions for visual workflow organization
Manage Relationships
CRUD relationship manager for linking records with search, selection, and management of foreign key associations and many-to-many relationships