First-Run Welcome Screen

A full-screen onboarding empty state that welcomes a new user with a badge, headline, and a create-project call-to-action alongside a take-the-tour secondary action.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds First-Run Welcome Screen to your project and fits it to your theme.

import OnboardingBlock from "@/components/ui/onboarding-4";

export default function OnboardingDemo() {
  return <OnboardingBlock />;
}