Shadcn Immersive Blocks

Browse 5+ animated immersive sections built with React, Tailwind CSS and shadcn/ui. Copy & paste the code or install via the shadcn CLI.

5 blocks

Immersive 1

Sticky image that grows to full screen on scroll

Immersive 2

Pinned horizontal scroll gallery

Immersive 3

Full-screen video background hero

Immersive 4

Parallax layered image collage

Immersive 5

Word-by-word text reveal over full-screen image

Shadcn UI Immersive Blocks, Sections & Components

Each immersive block is a self-contained React component with its copy exposed as props. Copy the code, install it through the shadcn CLI, or let your AI assistant pull it in through the Chocolate MCP server. You own the code and can change anything.

FAQs