shadcn/ui is one of the best things to happen to React development in years. It gives you accessible, unstyled primitives, a sane copy-paste model, and full ownership of the code. Where it stops, though, is at the component level: buttons, dialogs, form inputs, dropdowns. If you need a complete hero section with animated text, a customer story scroll, or a stats block with counters, you are on your own. That gap is where shadcn/ui alternatives become relevant.
This article walks through what shadcn/ui does well, where it runs short, and which tools fill the space, honestly.
What shadcn/ui Gets Right
The copy-paste model is genuinely clever. You own every line. No version drift, no dependency to update, no design system forcing its opinions on your brand. The components are accessible by default because they sit on top of Radix UI primitives. TypeScript support is first-class.
For building application UIs, forms, admin panels, dashboards, and data tables, shadcn/ui is hard to beat. The components are composable, predictable, and well-documented.
The gap shows when you switch from building an app to building a marketing site. Pricing pages, hero sections, testimonial carousels, feature grids with scroll animations: these are not in shadcn/ui's scope. They require full-section layouts, motion choreography, and marketing-specific patterns. You can assemble them from shadcn primitives, but that is a blank canvas, not a head start.
The Main shadcn/ui Alternatives
Here is an honest look at the tools that fill the marketing section gap:
| Tool | What it provides | Pricing | Ownership | |------|-----------------|---------|-----------| | Tailwind UI | Polished HTML/React/Vue section templates | $299 one-time | You own the code | | Aceternity UI | Flashy animated components, dark-first | Free + Pro | You own the code | | Framer | Full landing page builder, visual editor | Subscription | Locked to Framer | | Incubator | 449 section variants, themed, copy-paste | Free + Pro | You own the code |
None of these replace shadcn/ui. They complement it. The typical setup is: shadcn/ui for app UI primitives, one of the above for marketing sections.
Tailwind UI
Tailwind UI is the gold standard for quality. Every template is hand-crafted, responsive, and uses sensible semantic HTML. The downside is cost: $299 as a one-time payment, which is reasonable for a team but steep for a solo side project. The selection leans toward enterprise SaaS aesthetics, which does not suit every brand.
See the Incubator vs Tailwind UI comparison for a detailed breakdown.
Aceternity UI
Aceternity has become popular for its striking animations: particle backgrounds, spotlight effects, morphing shapes. It is React and Tailwind-based, free for most components, with a Pro tier. The aesthetic is heavily dark-mode-and-glow, which works for crypto, AI, and developer tools. For a B2B SaaS selling to HR managers, it may feel too aggressive. The code quality is solid; some components are complex and can be hard to customize beyond their preset style.
Read more in the Incubator vs Aceternity UI comparison.
Incubator
Incubator is a section library of 449 React variants across 66 section types: heroes, pricing, testimonials, features, stats, changelogs, before/after sliders, and more. Each section is built with Tailwind v4 and Framer Motion, uses CSS custom properties for theming, and is designed to be copied directly into a Next.js project.
The differentiator is the breadth of aesthetics. Where Aceternity defaults to dark/neon and Tailwind UI defaults to light/enterprise, Incubator ships seven visual presets: a dark minimal style, a light editorial style, a bold noir style, and others. You can browse the dark mode variants or the minimal variants to find something that fits your brand before copying any code.
Animations are a first-class feature. There are dedicated collections for scroll-triggered animations and hover effects, all using Framer Motion's whileInView and whileHover APIs. The cursor mask hero is a good example: it tracks the mouse position and reveals content through a masked lens effect, the kind of detail that is time-consuming to build from scratch.
For pricing, see the Incubator pricing page.
See also the Incubator vs shadcn/ui comparison for a side-by-side breakdown of the two tools.
How to Use shadcn/ui and a Section Library Together
The practical setup for a Next.js marketing site:
- Install shadcn/ui for your app primitives:
Button,Input,Dialog,Select,Table. - Pick your section library for the marketing pages. Copy the sections you need, paste them into
src/components/sections/. - Wire the sections to your data. The sections use mock data by default; replace the mock with your actual copy.
- Theme once. If the section library uses CSS custom properties, set your brand colors at the root and every section inherits them.
The two tools do not conflict. shadcn/ui components live in components/ui/, marketing sections live in components/sections/. No overlap, no fighting.
What to Look for When Choosing
A few questions that help narrow the choice:
- Do you need dark mode? Aceternity and Incubator have strong dark variants. Tailwind UI requires more work to adapt.
- How much animation do you want? Framer Motion-heavy libraries (Aceternity, Incubator) deliver more motion out of the box. Tailwind UI is mostly static.
- How much customization time do you have? Tailwind UI sections are clean but take time to reskin. Incubator's theming system lets you swap the visual style globally with one CSS variable block.
- What is your budget? Aceternity and Incubator both have free tiers. Tailwind UI requires upfront payment. Framer ties you to a subscription.
The Takeaway
shadcn/ui is not being replaced here. It remains the right tool for application UI. The honest point is that it was never designed for full marketing sections, and using it that way means building from scratch.
For teams who want complete, themed, animated sections without starting from a blank Tailwind file, the practical options are Tailwind UI (high quality, paid, lighter on animation), Aceternity UI (striking aesthetic, free tier, heavy on motion), and Incubator (broad section coverage, multiple aesthetics, theming system, free tier). All three let you own the code, which is the right model regardless of which one you choose.
Browse the full Incubator section catalog to see what sections are available before committing to anything.