Developer tool hero

Minimal hero on a retro grid with a typed headline accent, an install terminal and two CTAs.

Library

Velora UI

Framework

React

Type

block

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add https://velora.colorlib.com/r/hero-grid-minimal.json

Files

• src/components/blocks/hero-grid-minimal.tsx
• src/components/velora/blur-fade.tsx
• src/components/velora/retro-grid.tsx
• src/components/velora/terminal.tsx
• src/components/velora/typewriter.tsx
• src/lib/utils.ts
• src/components/ui/button.tsx

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• shadcn/ui Backdrop Components
• Dev Tool Components
• React Dev Tool Components
• Tailwind CSS Dev Tool Components
• Animated Dev Tool Components
• shadcn/ui Dev Tool Components
• Grid Background Components
• React Grid Background Components

More from Velora UI

• Sign-up card
• Background Boxes
• Newsletter sign-up
• Dotted Glow Background
• Flickering Grid
• Grid & Dot Pattern
• Aurora hero
• Globe split hero
• Hero Parallax
• Product screenshot hero
• Phone split hero
• Wavy hero