Hero 255 - Scramble headline over flickering gridPro
Left-aligned hero whose headline decodes from random glyphs on load, over a softly flickering pixel grid that fades out toward the copy.
About Hero 255
Left-aligned hero whose headline decodes from random glyphs on load, over a softly flickering pixel grid that fades out toward the copy.
Hero 255 is a hero block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 90 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.
- text-effect
- scramble
- flickering-grid
- animated-background
- security
- developer
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add hero-255Dependencies installed automatically: lucide-react.
Uses: button, flickering-grid, reveal, scramble-text, utils.
Usage
import Hero255 from "@/components/blocks/hero-255"
export default function Page() {
return <Hero255 />
}