swivl self-storage agent
swivl for self-storage operators: a prospect texts at 11 pm for a 10×10, the Sales Agent recommends units and completes the rental and e-sign in chat, the tenant app shows the gate code, the Billing Agent collects a past-due balance, and the dashboard counts what was resolved without staff.
npm install motion clsx tailwind-merge lucide-react or npx programmable-cli add swivl-storage-agent
MP4 and GIF exports are for sites that are not on React. Each counts as this month’s download of the component.
What it’s for
- Pages for AI features: assistants, agents and automations
- Showing what the AI does step by step
- Hero sections for AI products
How to use it
- Download the file. SwivlStorageAgent.tsx is one self-contained React component. Pick a brand colour above and the file comes in it, where the component has a main colour to replace. Sites not on React can take it as an MP4 or GIF.
- Install what it uses.
npm install motion clsx tailwind-merge lucide-react, with Tailwind CSS set up in your project. - Drop it in.
import { SwivlStorageAgent } from "./SwivlStorageAgent";then render<SwivlStorageAgent />where you want it.
Want it about your product? Make one like it and the studio builds a version with your features, numbers and brand.
Related components
Confidence meterAn AI answer's confidence ring with per-claim bars that fill in, coloured low to high.
Token counterAI token usage that climbs as a response streams, filling the context window and warning near the limit.
Chat assistantA chat with an assistant plays out in a dark app window, with each tool call shown as it runs.
Win-back campaignA typed request becomes a win-back email campaign that is drafted, couponed and sent, then shows its results.React + Tailwind CSS. Use downloads in your own sites and products; please don’t resell them as a component library. Repeat downloads of the same component in a month don’t count.