Hero Blocks

Hero blocks are eye-catching landing sections designed to grab attention and communicate your value proposition effectively.

Hero Grid

A modern hero section with an interactive animated grid background and smooth text animations.

Installation

npx smoothui-cli add header-1

Hero Product

A premium product hero section with badge, animated headings, and product image showcase.

Installation

npx smoothui-cli add header-2

Hero Block 3

Coming soon - another beautiful hero block variation.

Installation

npx smoothui-cli add header-3

Hero Grid 3D

An interactive 3D grid hero section inspired by rauno.me 2024. Features a perspective-transformed grid with customizable hover colors that respond to user interaction.

Installation

npx smoothui-cli add header-4

Hero Spotlight

A dark-themed hero with a centered spotlight beam effect, gradient text, and floating particles.

Installation

npx smoothui-cli add header-5