Feature 1 - Bento gridPro
Bento grid of spotlight cards with mixed column spans, an image tile and a border beam on wide cells.
About Feature 1
Bento grid of spotlight cards with mixed column spans, an image tile and a border beam on wide cells.
Feature 1 is a feature block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 121 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- bento
- grid
- spotlight
- cards
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add feature-01Dependencies installed automatically: lucide-react.
Uses: border-beam, reveal, spotlight-card, utils.
Usage
import Feature01 from "@/components/blocks/feature-01"
export default function Page() {
return <Feature01 />
}