Runway Loader

An animated progress bar where a small airplane taxis along a runway track and takes off when it reaches 100%, useful for onboarding, file import, or deploy-pipeline loading states.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Runway Loader to your project and fits it to your theme.

import RunwayLoader from "@/components/ui/runway-loader";

export default function RunwayLoaderDemo() {
  return (
    <div className="w-full h-screen">
      <RunwayLoader />
    </div>
  );
}