Shadcn.io is not affiliated with official shadcn/ui
Settings Audit Log
React animated audit log settings block for Next.js with filterable event list, actor identification, action descriptions, timestamps, and IP addresses using shadcn/ui, Tailwind CSS, and framer-motion
Track every action across your workspace with this React audit log viewer. Filter events by type, see who did what and from where, and expand entries for full context. Built with TypeScript, shadcn/ui Badge, Button, and Select components, Lucide React icons, and framer-motion for smooth row expansion animations. Perfect for compliance dashboards, security monitoring, and team accountability.
Related Components
Role & Permissions Settings
Manage roles and access control
OAuth Apps Settings
Manage OAuth applications
Developer Tools Settings
Debug mode and API sandbox
Backup & Restore Settings
Backup scheduling and restore options
Data Export Settings
Export data in multiple formats
Account Deletion Settings
Multi-step account deletion flow
FAQ
Was this page helpful?
Sign in to leave feedback.
Appearance
Animated React appearance settings page for Next.js with theme toggle for light dark and system modes, font size slider, UI density selector, and accent color picker built with shadcn/ui, Tailwind CSS, and framer-motion
Audit Retention
Animated React audit log retention settings page for Next.js with retention period selector, archival destination, export policy configuration, and storage usage display using shadcn/ui, Tailwind CSS, and framer-motion