Hero section
Three full screen SaaS heroes: a live dashboard rising from the bottom edge over a drifting mesh, a workflow graph that routes sample events node by node, and editorial type over a mesh gradient.
- Library
- Arc Library
- Framework
- React
- Type
- block
- License
- MIT
- Dependencies
- lucide-react, motion
- Install
npx shadcn@latest add https://uiarc.dev/r/hero-section.json- Files
registry/blocks/hero-section/hero-section.tsxregistry/blocks/hero-section/hero-section.module.cssregistry/blocks/hero-section/hero-content.tsxregistry/blocks/hero-section/hero-content.module.cssregistry/blocks/hero-section/hero-motion.tsregistry/components/copy-button/copy-button.tsxregistry/components/copy-button/copy-button.module.csslib/use-copy-feedback.ts
- Source
- https://github.com/kuratlielia/arc-library
Categories
- Backdrop Components
- React Backdrop Components
- Animated Backdrop Components
- Gradient Background Components
- React Gradient Background Components
- Hero Components
- React Hero Components
- Animated Hero Components
- Mesh Gradient Components
- Section Components
- React Section Components
- Animated Section Components