Components
Complete above-the-fold hero section — drop it in, ship it. Animated dot grid background with floating glow orbs, announcement badge with sparkle icon, large headline with gradient-highlighted keyword, subtitle, dual CTA buttons with hover effects, a glowing browser mockup frame with any screenshot, and a stats row. Everything enters with staggered blur-to-sharp animations. Fully props-driven — customize every word, image, stat, and CTA. Works with zero config: <SaaSHero />
npx shadcn@latest add https://21st.dev/r/dev.yadhakim/saa-s-hero-blockLoading preview...
import { Component as SaaSHero } from "@/components/ui/saa-s-hero-block";
export default function Demo() {
return <SaaSHero />;
}