Components
A modern landing page hero with a glowing horizon effect, animated gradients, and smooth ambient lighting. Perfect for SaaS, AI, startup, and product landing pages.
npx shadcn@latest add https://21st.dev/r/ahammed.bashar9/glow-horizonLoading preview...
import GlowHorizonFM from "@/components/ui/glow-horizon";
import { AnimatedTitleFM } from "../components/ui/glow-horizon-utils/animated-title-fm";
export default function GlowHorizonDemo() {
return (
<div style={{ width: "100%", height: "100vh", position: "relative", overflow: "hidden", background: "#050507" }}>
<GlowHorizonFM variant="top" />
<div style={{ position: "absolute", inset: 0, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }}>
<AnimatedTitleFM open={true} />
</div>
</div>
);
}