Background Pattern 24 - Brick wallPro
Three-up feature grid on an outlined running-bond brick pattern that fades out toward the bottom.
About Background Pattern 24
Three-up feature grid on an outlined running-bond brick pattern that fades out toward the bottom.
Background Pattern 24 is a background pattern block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 82 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.
- brick
- masonry
- features
- grid
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add background-pattern-24Dependencies installed automatically: lucide-react.
Uses: reveal, utils.
Usage
import BackgroundPattern24 from "@/components/blocks/background-pattern-24"
export default function Page() {
return <BackgroundPattern24 />
}