Production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.
news23
News organized by day with calendar-style headers, timeline layout, and category badges.
news24
Newsletter signup sidebar with featured story and additional headlines. Sticky subscription form.
news25
News categories grid with story counts, top story preview, and browse links.
news26
Opinion pieces with pull quotes, author profiles, and category badges. Editorial-style layout.
news27
Immersive 3D carousel with stacked cards, smooth transitions, depth effects, and navigation controls.
news28
Data journalism style cards with animated numbers, change indicators, progress bars, and key statistics.
news29
Instagram-style story circles with fullscreen viewer, auto-advance progress bars, channel avatars, and LIVE badges.
news30
Premium magazine-style editorial layout with featured story, author byline, and numbered trending sidebar.
news31
Asymmetric bento box layout with large hero, gradient stat cards, and image tiles in a visually striking grid.
news32
Editorial magazine layout with dramatic cover story, serif typography, author bylines, and featured story grid.
news33
Real-time news timeline with live indicator, breaking/developing badges, timestamps, and chronological updates.
news34
Email newsletter style news layout with editor's note, categorized stories, and subscription CTA.
news35
Cinematic full-screen news slideshow with animated transitions, auto-play, spotlight effect, and dramatic typography.
onboarding1
Centered welcome screen featuring a hero image, step counter, and dual CTAs. Perfect for app onboarding flows that guide users through a multi-step setup process.
onboarding2
Two-column welcome layout with feature checklist, user count, and star ratings alongside an image. Perfect for SaaS onboarding that highlights key benefits and builds trust.
onboarding3
Clean, centered welcome screen with a branded icon, heading, and single call-to-action. Perfect for simple app introductions that prioritize clarity over complexity.
onboarding4
Welcome screen featuring a video thumbnail with play overlay and duration badge. Perfect for product tours that use video content to demonstrate features.
onboarding5
Multi-step progress indicator with numbered circles connected by a progress line. Perfect for account setup wizards that show users their completion status.
onboarding6
Vertical timeline layout with step indicators, descriptions, and a connecting progress line. Perfect for workspace setup flows with detailed step explanations.
onboarding7
Card-based progress tracker showing completion percentage and a checklist of tasks with visual status. Perfect for gamified onboarding that motivates users to finish setup.
onboarding8
Interactive form wizard with segmented progress bar, form fields, and back/next navigation. Perfect for account registration flows collecting user and company information.
onboarding9
Animated step wizard with square numbered indicators and content cards for each step. Perfect for product walkthroughs that guide users through key features.
onboarding10
Interactive accordion layout where each step expands to reveal detailed instructions and action buttons. Perfect for setup guides that let users complete tasks at their own pace.
onboarding11
Desktop wizard with a vertical side navigation menu and content panels for each step. Perfect for comprehensive account setup requiring multiple configuration screens.