Future UI

Hero Gradient

◈ Hero Sections

Hero section with animated gradient mesh background and dual CTA buttons.

herogradientlanding pagectatemplate

No preview available

Live Preview

Hero Sections / React Component

About Hero Gradient

Hero section with animated gradient mesh background and dual CTA buttons.

Category Hero Sections

Framework React + TypeScript

Tags hero, gradient, landing page, cta, template

Install Hero Gradient in your project

Copy the shadcn CLI command below. Replace YOUR_LICENSE_KEY with the license key from your FutureUI account — or log in and it will auto-fill for you.

npx shadcn@latest add "https://futureui.studio/api/registry/hero-gradient.json?key=YOUR_LICENSE_KEY"