Session List plays out device management: a list of active sessions with a pulsing current device row, and a revoke flow where a row flashes, slides out with a confirmation toast, then returns on the next cycle. Built with Framer Motion and React. Card copy is prop driven, ready for session management and device trust feature sections.
Installation
Install dependencies.
Copy and paste the following code into your project.
Unlock the full library
Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.
Update the import paths to match your project setup.
Usage
import SessionList from "@/components/pro/blocks/session-list";<SessionList />Props
| Prop | Type | Default | Description |
|---|---|---|---|
cardTitle | string | "Session Management" | Title shown in the card overlay. |
cardDescription | string | "Active device monitoring and one-click session revocation." | Description shown in the card overlay. |