We are live on DevHunt: tool of the week contest

check it out

Hero Bento

A modern, high-fidelity grid system for hero sections.

Preview

Interactive Preview

Visual Fidelity

Pixel-perfect components designed for high-end digital experiences.

Quality Gate
Passed

System Status

Live heartbeat of your entire infrastructure at a glance.

Engine OKSyncing...DB Timeout

Cli Optimized

Seamless integration with your terminal-heavy workflow.

$ npx shadcn add orix-ui
āœ” Done!
Loading registry...

Tactile Interaction

Interfaces that respond to human touch and physics.

Drag me

Vast Library

Hundreds of pre-built fragments to speed up your build.

Installation

Usage

tsx
import { HeroBento } from "@/components/block/hero-bento"

export default function Page() {
  return <HeroBento />
}

Dependencies

framer-motionstatus-badge@iconify/react