Invite User 7 - Empty team state with invite cardPro
An empty-state panel for a team page with no members yet, featuring a dashed placeholder avatar stack, a gentle pulse on the empty slot and primary invite plus copy-link actions. Use it the first time a workspace owner opens the members page.
About Invite User 7
An empty-state panel for a team page with no members yet, featuring a dashed placeholder avatar stack, a gentle pulse on the empty slot and primary invite plus copy-link actions. Use it the first time a workspace owner opens the members page.
Invite User 7 is a invite user block for React and Tailwind CSS, included in Chocolate UI Pro with motion animations that respect reduced-motion settings. It ships as 86 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- invite
- empty state
- team
- onboarding
- placeholder
- members
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add invite-user-07Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, use-reduced-motion, utils.
Usage
import InviteUser07 from "@/components/blocks/invite-user-07"
export default function Page() {
return <InviteUser07 />
}