Blocks

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

PRO

podcast41

Transcript Viewer with Search

Searchable episode transcript with clickable timestamps, speaker labels, and download option. Perfect for podcast accessibility features and content discovery.

PRO

podcast42

Share Modal with Social and Embed

Episode sharing widget with copy link, social platform buttons (Twitter, Facebook, LinkedIn, Email), and embeddable iframe code. Perfect for encouraging episode sharing across platforms.

PRO

podcast49

Subscribe Platforms Grid

Grid of podcast platform cards with logos and external links for Apple Podcasts, Spotify, Google Podcasts, and more. Perfect for helping listeners find and subscribe on their preferred platform.

PRO

podcast52

About Section with Stats Card

Podcast overview section with cover art, stats grid (episodes, launch date, listeners, awards), and expandable long description. Perfect for show about pages and media kit sections.

PRO

portfolio61

Freelancer FAQ Accordion

Expandable accordion FAQ section with collapsible question-and-answer cards. Perfect for freelancers and consultants displaying project timeline, payment, and support questions.

FREE

portfolio62

Social Media Connect Grid

Responsive grid of social media platform buttons with follower counts and platform icons. Perfect for creators and influencers showcasing their social media presence.

PRO

portfolio67

Personal Introduction Hero

Hero section with circular avatar photo, name, role/title, bio description, and CTA button. Perfect for personal portfolio landing pages and professional introductions.

FREE

portfolio70

Book Recommendations Grid

Grid of book cards displaying cover images, titles, authors, star ratings, and category badges. Perfect for sharing reading lists and book recommendations on personal sites.

PRO

portfolio79

Featured Case Study Card

Two-column project showcase with large image, project description, technology/skill badges, and case study CTA. Perfect for highlighting featured portfolio projects with reversible layout.

FREE

portfolio84

Work Process Steps

Four-column numbered workflow section showing project phases like Discovery, Strategy, Design, and Deliver. Perfect for freelancers and agencies explaining their project methodology.

PRO

portfolio88

Video Introduction Player

Video showcase section with thumbnail image, play button overlay, duration badge, and modal video player. Perfect for personal introduction videos or portfolio reels.

PRO

portfolio89

Collaboration Partners Grid

Grid of partner cards featuring circular avatars, names, roles, skill badges, and clickable links. Perfect for showcasing team members, collaborators, or professional network.

PRO

portfolio90

Speaking Engagements Timeline

Conference and event speaking schedule with upcoming and past talks, dates, locations, attendee counts, and video/slides links. Perfect for speakers and thought leaders showcasing their talks.

PRO

portfolio92

Open Source Contributions

Repository showcase with stars, forks, contribution counts, maintainer/contributor badges, and language tags. Perfect for developers highlighting their open source work.

PRO

portfolio94

Mentorship Pricing Plans

Three-tier mentorship pricing section with duration, session counts, feature checklists, and booking CTAs. Perfect for coaches and mentors offering paid coaching packages.

PRO

portfolio97

Work Preferences Checklist

Three-column categorized preferences with checkmarks and X icons showing preferred vs non-preferred work styles. Perfect for freelancers clarifying ideal project types and engagement models.

PRO

portfolio98

Career Highlights Timeline

Vertical timeline showcasing career milestones with achievement icons, year badges, descriptions, and key metrics. Perfect for professionals displaying awards, launches, and growth achievements.

PRO

portfolio99

Future Goals Progress Cards

Goal cards with icons, timeframe badges, descriptions, and visual progress bars showing completion percentage. Perfect for sharing personal or professional aspirations and current progress.

PRO

portfolio100

Contact Call-to-Action Footer

Centered contact section with headline, description, primary CTA button, and social media link buttons with handles. Perfect for portfolio page footers encouraging visitor engagement.

PRO

post3

Featured Article Layout

Full-width article with gradient overlay hero image, featured badge, and complete metadata. Ideal for flagship content that deserves prominent visual presentation.

PRO

post4

Clean Article Format

Minimal design with tags above title and author metadata below. Perfect for technical articles or educational content that prioritizes readability.

PRO

post5

Card-Based Article

Article wrapped in a bordered card container with featured image at top and tags integrated into header. Works well for curated collections or featured stories.

PRO

post6

Author-Focused Layout

Prominent author profile with large avatar display, followed by featured image below title. Best for thought leadership or expert opinion pieces.

PRO

post7

Compact Quick Read

Minimal text-based layout with small featured image and condensed metadata. Ideal for short tips, quick takes, or news briefs.