Naved

Illos Audit Log Panel

Component 3

About

Audit log panel with search, filters, rows that open to the full record and CSV export, led by an animated HUD audit log illustration from Illos. Light and dark with your theme tokens. Code is MIT; the illustration is under the Illos free license (illos.dev/license).

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Illos Audit Log Panel to your project and fits it to your theme.

Code

How Illos Audit Log Panel is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { IllosAuditLogPanel } from "@/components/ui/illos-audit-log-panel";

export default function Demo() {
  return (
    <div className="flex min-h-[860px] w-full items-center justify-center bg-background p-4 sm:p-6">
      <IllosAuditLogPanel />
    </div>
  );
}

More by Naved

View all
  • Illos Queue Empty State

    Illos Queue Empty State

    58
  • Illos Command Palette

    Illos Command Palette

    35
  • Illos AI Chat Empty State

    Illos AI Chat Empty State

    26
  • Illos Shader Feature Bento

    Illos Shader Feature Bento

    23
  • Illos Edge Hero

    Illos Edge Hero

    20
  • Illos Upload Dropzone

    Illos Upload Dropzone

    15
  • Illos Email Signup

    Illos Email Signup

    13
  • Illos Knowledge Sources

    Illos Knowledge Sources

    12

Explore more

Part of Illos — browse the full library on 21st.dev.