Container Hero

A one-screen hero on a plain background: a 20ft shipping container built as a real box in CSS 3D, three quarters on, hangs from a crane hook on four slings over its soft shadow. It swings on its cable with a little wind and takes a shove fr.

Library

D2Studio UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add https://d2studio.dev/r/hero-container.json

Files

• registry/default/components/hero-container.tsx
• registry/default/components/hero-container/crate.css
• registry/default/components/hero-container/crate.tsx
• lib/utils.ts

Source

https://github.com/rajaaltus/d2studio-ui

Categories

• Hero Components
• React Hero Components
• Tailwind CSS Hero Components
• Section Components
• React Section Components
• Tailwind CSS Section Components

More from D2Studio UI

• Hero 01
• Hero Section 01
• Hero Section 02
• Accordion
• AI Block
• AI Content Creator Card
• AI Content Creator Card v2
• Siri Prompt Input
• AI Writing Assistant
• Alert
• Alert Dialog
• Aspect Ratio