Library
All blocks
Search and preview 80 production-ready UI blocks for React and Next.js — heroes, features, pricing, testimonials, footers, auth pages and more.
80 blocks
Hero Section 1
hero-section-1Dark hero with an animated headline, announcement pill, dual CTAs, a product screenshot and a logo strip.
Hero Section 2
hero-section-2Centered hero with animated text, a floating header and a light/dark product screenshot.
Hero Section 3
hero-section-3Minimal hero with an email capture form, animated copy and a customer logo cloud.
Hero Section 4
hero-section-4Split hero with a bold headline, abstract artwork and an infinite logo slider.
Hero Section 5
hero-section-5Full-bleed video hero with a sticky header and an infinite logo slider.
Hero Section 6
hero-section-6Product hero with a newsletter input, announcement link and an app screenshot.
Hero Section 7
hero-section-7Carousel-driven hero built on Swiper, with a headline and CTA pair.
Hero Section 8
hero-section-8Centered hero with an announcement link, gradient backdrop and a large app screenshot.
Hero Section 9
hero-section-9Hero with a customer logo strip and a dashboard screenshot below the fold.
Logo Cloud 1
logo-cloud-1Heading with a wrapped grid of partner logos.
Logo Cloud 2
logo-cloud-2Logo grid with a hover state that reveals a customers link.
Logo Cloud 3
logo-cloud-3Infinite logo slider with progressive blur edges.
Features 1
features-1Three feature cards with icons and decorative corner grids.
Features 2
features-2Three-column feature cards with icon badges and short descriptions.
Features 3
features-3Feature cards with layered icon treatments and centered copy.
Features 4
features-4Six-item feature grid with icons for platform capabilities.
Features 5
features-5Feature list beside a light/dark product illustration.
Features 6
features-6Two-column feature section with an illustration and supporting points.
Features 7
features-7Headline with a layered mail illustration and a feature grid.
Features 8
features-8Bento grid of feature cards with SVG illustrations and stats.
Features 9
features-9Bento layout with a dotted world map, activity chart and support card.
Features 10
features-10Card-based features with light/dark screenshots and a scheduling highlight.
Features 11
features-11Feature cards combining screenshots, integration logos and a command hint.
Features 12
features-12Accordion-driven features that swap an animated screenshot per item.
Integrations 1
integrations-1Integration cards with logos, descriptions and links.
Integrations 2
integrations-2Integration logos orbiting a central brand mark.
Integrations 3
integrations-3Grid of integration tiles connected to a central logo.
Integrations 4
integrations-4Integration logos arranged in rings around a logo.
Integrations 5
integrations-5Integration logos in a connected layout with a CTA.
Integrations 6
integrations-6LLM integrations grid with a heading and CTA.
Integrations 7
integrations-7Integrations with an infinite logo slider and a central mark.
Integrations 8
integrations-8LLM integrations with a testimonial quote.
Content 1
content-1Content section with a product illustration and a pull quote.
Content 2
content-2Two-column content with an image and an icon feature list.
Content 3
content-3Content section with a wide image and icon-led supporting points.
Content 4
content-4Text-first content section with a heading, body copy and a CTA.
Content 5
content-5Content section with a screenshot and a grid of highlights.
Content 6
content-6Community section with a grid of contributor avatars.
Content 7
content-7Content section pairing an app screenshot with icon-led copy.
Stats 1
stats-1Three large statistics with a heading and supporting text.
Stats 2
stats-2Statistics in a bordered three-column grid.
Stats 3
stats-3Statistics with dividers between each metric.
Stats 4
stats-4Stats beside a testimonial quote and a company logo.
Team 1
team-1Team section grouped by role with avatars and titles.
Team 2
team-2Portrait team grid with grayscale-to-color hover.
Testimonials 1
testimonials-1Bento grid of testimonial cards with avatars and company logos.
Testimonials 2
testimonials-2Testimonial cards in an asymmetric grid with a featured quote.
Testimonials 3
testimonials-3Single large testimonial with a company logo and author.
Testimonials 4
testimonials-4Single testimonial with an avatar and author details.
Testimonials 5
testimonials-5Masonry wall of short community testimonials.
Testimonials 6
testimonials-6Multi-column testimonial wall with avatars and handles.
Testimonials 7
testimonials-7Animated testimonial carousel with photos and navigation controls.
Call to Action 1
call-to-action-1Centered call to action with a headline and two buttons.
Call to Action 2
call-to-action-2Call to action on a subtle bordered panel with primary and secondary buttons.
Call to Action 3
call-to-action-3Call to action with an inline email subscription form.
Footer 1
footer-1Centered footer with logo, links and social icons.
Footer 2
footer-2Multi-column footer with link groups and social links.
Footer 3
footer-3Footer with link columns and a newsletter signup.
Footer 4
footer-4Minimal single-row footer with copyright and links.
Footer 5
footer-5Footer with a newsletter form, link groups and social links.
Pricing 1
pricing-1Three-tier pricing cards with a highlighted plan and feature checklists.
Pricing 2
pricing-2Three-tier pricing cards with a featured plan and a compact layout.
Pricing 3
pricing-3Pricing cards with a free, pro and startup tier.
Pricing 4
pricing-4Two-plan pricing panel with per-editor pricing and feature lists.
Pricing 5
pricing-5Pricing panel with a plan summary, benefits and customer logos.
Pricing Comparator 1
comparator-1Feature comparison table across three pricing plans.
FAQs 1
faqs-1Two-column FAQ with a heading and a list of questions.
FAQs 2
faqs-2FAQ accordion with a centered heading and a support link.
FAQs 3
faqs-3FAQ accordion grouped by category with icons.
FAQs 4
faqs-4Card-style FAQ accordion with a contact prompt.
Login 1
login-1Sign-in form with social providers and email/password fields.
Login 2
login-2Sign-in card with social buttons on a muted background.
Login 3
login-3Sign-in form with email first and social provider options.
Sign Up 1
sign-up-1Sign-up form with name, email, password and social providers.
Sign Up 2
sign-up-2Sign-up card with social buttons on a muted background.
Sign Up 3
sign-up-3Sign-up form with email first and social provider options.
Forgot Password 1
forgot-password-1Password recovery form with an email field.
Forgot Password 2
forgot-password-2Password recovery card on a muted background.
Contact 1
contact-1Contact sales form with company fields and contact details.
Contact 2
contact-2Contact section with routing select, message form and contact details.