Wardel
An account security app for a small business
A complete account security app for a small business, with a light and a dark theme, and it comes with sample data for a made-up eighteen-person bike workshop. Good for: a small company's IT or office manager, a managed IT provider's client screen, or any project that needs a polished place to watch sign-ins, people, devices and logins. How it works: the overview draws a 24-hour sign-in clock where every sign-in is a bead on its hour, coloured allowed, challenged or blocked, with the hours still to come shown as last week's faint beads; you can step back fourteen days, show only challenged or blocked sign-ins, or pick an hour to list its sign-ins; beside it a security score gauge refills as you fix things, and every action you take moves the score and the sidebar counts. Includes: sign-ins (live, history and blocked); alerts as an inbox with a reading pane; a schedule calendar; people with invites and roles; devices with approvals waiting and device health; connected apps, shared logins you can rotate and an access review you go through card by card; protection with policies, second factors and breach watch; ID checks with liveness and face-match scores to approve or reject; plan, seats and invoices; settings; and help. How to use: run it as it is to explore with the sample data, which is saved in your browser, then connect your own sign-in and device data, since there is no backend; the sidebar folds into an icon rail, Cmd+K searches people, devices and IPs, and it works on every screen from phone to desktop with a bottom tab bar on phones. Built with React, TypeScript and GSAP.
$91.00 — one-time price, free updates
- A React app template
- React and Vite · npm install and it runs
- Build unlimited client sites with it
Built with React, CSS, GSAP.
What is in the zip
- app.css
- css/alerts.css
- css/apps.css
- css/devices.css
- css/help.css
- css/home.css
- css/people.css
- css/plan.css
- css/protection.css
- css/schedule.css
- css/settings.css
- css/signins.css
- css/verify.css
- index.html
- src/App.tsx
- src/actions.tsx
- src/clock.tsx
- src/details.tsx
- src/env.d.ts
- src/finder.tsx
- src/main.tsx
- src/motion.ts
- src/pages/alerts.tsx
- src/pages/apps.tsx
- src/pages/devices.tsx
- src/pages/help.tsx
- src/pages/home.tsx
- src/pages/people.tsx
- src/pages/plan.tsx
- src/pages/protection.tsx
- src/pages/schedule.tsx
- src/pages/settings.tsx
- src/pages/signins.tsx
- src/pages/types.ts
- src/pages/verify.tsx
- src/router.ts
- src/store.ts
- src/ui/charts.tsx
- src/ui/format.ts
- src/ui/icons.tsx
Version history
- v1.0.0, 2026-11-05 — First release. Wardel shipped, with the reel recorded from the real page.