Launch sale — 60% off Pro
Contact
AIBackgroundBlocksButtonsChartsComponentsHooksMCPPatternsPromptsShadcn UIShadersTextTheme
Tables

Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.

Previous: React Table Block Task ActionsNext: React Table Block API Logs
Unlock this block—Get Pro at 60% off

React Table Block Activity Log

Table component with activity log entries and action history for React audit and monitoring dashboards

Looking to implement shadcn/ui blocks?

Join our Discord community for help from other developers.


Track user actions on your Next.js admin dashboard with this activity log table component. Features timestamped entries, action type badges, user attribution with avatars, affected resource links, IP address display, and relative time formatting. Built with shadcn/ui Table, Avatar, and Badge components using Tailwind CSS and Lucide icons. The chronological log enables quick auditing perfect for security monitoring, user activity tracking, change history, system logs, or any React app requiring comprehensive action audit trails.

Activity Log

10 entries - 10 today

2 created
1 updated
1 deleted
ActionDescriptionUserResource
IP Address
Time
CreatedCreated new project
SCSarah
192.168.1.1052 minutes ago
UpdatedUpdated user permissions
MJMarcus
192.168.1.1128 minutes ago
LoginLogged in from new device
EREmily
-203.45.67.8921 minutes ago
UploadedUploaded design assets
DKDavid
192.168.1.10851 minutes ago
DeletedDeleted draft document
LTLisa
192.168.1.1151 hour ago
InvitedInvited team member
JWJames
192.168.1.1022 hours ago
SettingsChanged notification preferences
AMAnna
192.168.1.1203 hours ago
ViewedViewed sensitive report
MBMichael
192.168.1.1184 hours ago
LogoutLogged out
SCSarah
-192.168.1.1055 hours ago
CreatedCreated API key
DKDavid
192.168.1.1085 hours ago

Hover over user names for email, resources for IDs, and times for full timestamp.

Installation

Table with Timeline Events

Timeline view

Table with DateTime Formatting

Time formatting

Table with Avatar Stacks

User avatars

Table with Quick Filters

Filter logs

Searchable Filterable Data Table

Search logs

Table with Expandable Rows

Log details

Questions you might have

React Table Block Task Actions

Task management table component with status badges, assignee avatars, and action buttons for React admin dashboards

React Table Block API Logs

Table component with API request logs showing endpoints, methods, status codes and response times for React developer dashboards