Blocks/Use Case(35)

Showcase different use cases and applications of your product.

25–35 of 35

Block	Title	Category	Access	Install
usecase15	Step Wizard Navigator	Use Case	Pro	`npx shadcn add https://ui.beste.co/r/usecase15`
usecase14	Segmented Control Tabs	Use Case	Pro	`npx shadcn add https://ui.beste.co/r/usecase14`
usecase10	Split Content Card	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase10`
usecase9	Masonry Bento Grid	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase9`
usecase8	Vertical Timeline	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase8`
usecase7	Solutions Accordion	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase7`
usecase5	Feature Icon Grid	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase5`
usecase4	Industry Solutions Grid	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase4`
usecase3	Numbered Steps Process	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase3`
usecase2	Use Case Card Grid	Use Case	Free	`npx shadcn add https://ui.beste.co/r/usecase2`
usecase1	Interactive Tab Showcase	Use Case	Pro	`npx shadcn add https://ui.beste.co/r/usecase1`

PRO

usecase15

Step Wizard Navigator

Interactive step-by-step wizard with progress bar, clickable step indicators, images, and contextual tips. Perfect for onboarding flows or multi-step process explanations.

PRO

usecase14

Segmented Control Tabs

Segmented control style tabs with split layout showing image, description, and bullet point features. Perfect for comparing solution approaches or product capabilities.

FREE

usecase10

Split Content Card

Two-column card with text content, bullet list, and CTA buttons alongside a full-height image. Perfect for feature highlights or promotional sections.

FREE

usecase9

Masonry Bento Grid

CSS columns-based masonry layout with variable-height cards featuring background images and gradient overlays. Perfect for showcasing diverse use cases with visual hierarchy.

FREE

usecase8

Vertical Timeline

Centered timeline with alternating left-right content cards, icons, images, and feature lists. Perfect for showing project phases, company history, or process stages.

FREE

usecase7

Solutions Accordion

Expandable accordion layout with icons, images, descriptions, and feature lists inside each panel. Perfect for detailed solution explanations with visual content.

FREE

usecase5

Feature Icon Grid

Centered icon grid with titles and descriptions, featuring hover animations on icon containers. Perfect for showcasing product features or capabilities in a clean layout.

FREE

usecase4

Industry Solutions Grid

Card grid showcasing industry-specific solutions with icons, images, descriptions, and feature tags. Perfect for highlighting how your platform serves different verticals.

FREE

usecase3

Numbered Steps Process

Vertical numbered steps with alternating left-right image positions, descriptions, and feature lists. Perfect for explaining multi-step processes or onboarding flows.

FREE

usecase2

Use Case Card Grid

Responsive grid of use case cards with hover effects, images, descriptions, and feature checklists. Perfect for displaying solutions for different industries or customer segments.

PRO

usecase1

Interactive Tab Showcase

Tab-based use case section with images, descriptions, and feature checklists that collapse to accordion on mobile. Perfect for showcasing how different teams or departments use your product.