Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
about25
Side-by-side intro with animated number counters on scroll, expanding accent bars, and hover-lift value cards. For impact-driven companies.
about26
Centered header with interactive hover tabs that crossfade a side image. Accordion descriptions and sliding accent line. For studios and agencies.
about27
Left intro with image, right vertical timeline with staggered scroll-reveal animation. Numbered steps with sliding content. For startup journeys.
about28
Full-width animated marquee stats ticker, split layout with intro text and leadership avatars on the left, full-height image on the right. For SaaS and product companies.
about29
Centered header with wide panoramic image, product cards with layered attributes, and sourcing grid.
about30
Panoramic image with split header showing numbered process steps alongside. For studios and creative agencies.
about31
Dark-overlay hero image with heading, suite/room cards with temperature and capacity badges. For hotels and hospitality.
about32
Centered heading with description, followed by two images side-by-side. Configurable image ratio (equal, left larger, right larger). Always horizontal on mobile.
agency10
A case study header with project metadata grid, service tags, and featured image. Perfect for agency portfolio pages showcasing client work details.
blog3
Three-column responsive grid of blog cards featuring author avatars, tag badges, and hover zoom effects. Clean card design with date and read time metadata.
blog4
Large featured article with side-by-side image and content, followed by a three-column grid of secondary posts. Read more buttons and author details included.
blog5
Vertical stack of horizontal blog cards with left-aligned thumbnails. Features calendar and clock icons for metadata, author titles, and tag badges.
blog8
Filterable blog grid with tab navigation for categories. Posts automatically filter by category selection with smooth content switching.
blog10
Large alternating left-right blog cards with full article summaries. Image and content switch sides for visual variety. Read more buttons included.
blog11
Two-column compact blog list with small square thumbnails. Space-efficient design showing many posts at once with minimal metadata.
blog12
Pinterest-style masonry layout with varying content heights. CSS columns create organic flow with cards of different summary lengths.
blog13
Main content area with horizontal post cards plus sidebar. Categories show post counts and popular tags section with clickable badges.
blog14
Four-column grid mixing blog cards with an integrated newsletter signup card. Email input and subscribe button embedded in the layout.
blog15
Clean text-only blog list with arrow icons. No images, just titles, dates, and authors. Lightweight design with hover arrow animation.
blog18
Blog archive organized by month with compact list entries. Small thumbnails and formatted dates create a scannable chronological view.
blog22
Vertically stacked blog cards with 2:1 aspect ratio images. Full article summaries with author avatars and read more buttons. Long-form content showcase.
blog25
Two-column layout with featured image on left and article list on right. Divider-separated entries with arrow hover effects.
blog26
Playful polaroid-style cards with random rotations and white borders. Cards straighten on hover for a fun, casual photo gallery feel.
blog27
Classic newspaper layout with serif fonts and bordered headline. Large main story on left, stacked secondary stories on right with dividers.