Blocks/Feature

Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.

PRO

feature131

Video Tutorial Thumbnails

3-column grid of video thumbnail cards with play button overlay and duration badge. Ideal for video tutorials, product demos, or educational content.

PRO

feature134

Single Pricing Card

Single centered pricing card with price, feature list, and CTA button. Perfect for single plan display, pricing showcase, or product offering.

FREE

feature135

Integration Logos Grid

Centered flexbox grid of company/product logos with grayscale hover effects. Excellent for customer logos, integrations, or partnerships showcase.

PRO

feature136

Numbered Steps Grid

Responsive grid of numbered step cards with titles and descriptions. Perfect for process visualization, onboarding steps, or sequential workflows.

PRO

feature138

Bordered Grid Layout

3-column grid with border dividers between items, layout adapts to content. Great for core features grid, capabilities overview, or service sections.

PRO

feature139

Circular Icon Grid

Centered grid of 6 icon buttons with circular backgrounds and labels. Perfect for tool navigation, quick action buttons, or feature access menu.

FREE

feature144

Service Offerings with Arrows

Responsive grid of service cards with descriptions and arrow icons. Ideal for services listing, solutions overview, or offering showcase.

FREE

feature146

Benefits Checklist

Responsive grid of benefit items with checkmark icons and descriptions. Perfect for benefits list, value proposition, or key advantages.

PRO

feature147

Tech Stack Tool Grid

Responsive grid of tool cards with icons, descriptions, and linked tiles. Excellent for tech stack showcase, integrated tools, or component library.

PRO

feature149

Contact Method Cards

3-column grid of contact option cards with icons, descriptions, and action text. Perfect for contact methods display, support channels, or customer service options.

PRO

feature150

Social Proof with Ratings

Centered card with star rating, review count, and stat proofs layout. Ideal for social proof, trust indicators, or customer validation.

PRO

feature151

Announcement Highlight Box

Centered single card with badge, heading, description, and highlight pill. Great for announcements, feature release highlights, or promotional callouts.

FREE

feature152

Icon Badge Pills Row

Centered flexbox row of inline feature badges with icons. Perfect for quick feature list, key benefits, or inline feature highlights.

PRO

feature155

Feature Comparison Table

Simple 3-column comparison table with feature names and check/cross icons. Essential for plan comparison, feature tier table, or pricing comparison.

PRO

feature157

Split Image with Bullet List

Two-column layout with left text content and right image, reversible. Perfect for feature explanation, product story, or benefit illustration.

PRO

feature158

Notification Status List

Vertical stacked notification-style list with items, descriptions, and status badges. Great for updates feed, changelog, or activity log display.

PRO

feature160

Centered Icon Cards Grid

4-column grid of feature icons with titles and descriptions below. Perfect for capability highlights, feature icons, or simple feature grid.

PRO

feature161

Icon Row Feature Grid

3-column grid of horizontal feature items with icon and text side by side. Clean layout for capability highlights and feature overviews.

PRO

feature162

Numbered Steps Grid

3-column grid of numbered steps with titles and descriptions. Ideal for onboarding flows, process overviews, and how-it-works sections.

PRO

feature163

Bento Feature Grid

Asymmetric bento-style grid with a highlighted hero card spanning full width and smaller feature cards below. Great for showcasing a primary feature alongside supporting capabilities.

PRO

feature164

Scroll-Spy Sticky Sidebar Feature

Sticky sidebar navigation with scroll-spy tracking. Left menu highlights the active section as users scroll through feature cards with images. Uses IntersectionObserver for real-time active state.

PRO

feature165

Horizontal Scroll Snap Cards

Horizontally scrollable feature cards with CSS scroll-snap. Cards scroll on mobile/tablet and flow as a regular grid on desktop. Each card has icon, title, description, and optional link.

PRO

feature166

Spotlight Glow Card Grid

Interactive card grid with mouse-tracking radial gradient glow effect. Each card illuminates with a primary-colored spotlight that follows the cursor. Premium hover aesthetic inspired by Stripe and Vercel.

PRO

feature167

Terminal CLI Feature Showcase

Features presented as terminal commands with outputs inside a realistic terminal window. Dark terminal aesthetic with syntax-colored commands, flags, and a blinking cursor. Unique developer-focused design.