Components
Loading preview...
A clean and intuitive workspace creation modal with input fields, slug preview, and action button. Ideal for SaaS apps, team collaboration tools, and project management dashboards.
npx shadcn@latest add https://21st.dev/r/sshahaider/create-workspace-modalimport { CreateWorkspaceModal } from "@/components/ui/create-workspace-modal";
import { cn } from '@/lib/utils';
export default function DemoOne() {
return (
<div className="relative flex min-h-screen w-full flex-col items-center justify-center">
<div
aria-hidden="true"
className={cn(
'pointer-events-none absolute -top-10 left-1/2 size-full -translate-x-1/2 rounded-full',
'bg-[radial-gradient(ellipse_at_center,--theme(--color-foreground/.1),transparent_50%)]',
'blur-[30px]',
)}
/>
<CreateWorkspaceModal />
</div>
);
}