Build beautiful websites visually with React components and blocks.
Need an MVP like blocks.so?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →blocks.so is a curated library of pre-built component blocks for shadcn/ui — copy-paste React + Tailwind UI sections (Hero, Features, Pricing, Testimonials, FAQ, CTA, Dashboard, Auth) built on shadcn/ui primitives, with light + dark mode variants, mobile-responsive output, and regular new additions. Distinguished from shadcn/ui's own free official blocks library (smaller selection, official) by alternative selection + design styles + potentially more variety, distinguished from Tailwind UI ($299 one-time paid gold standard with comprehensive coverage + Tailwind team's official blocks) by accessible pricing + shadcn-native focus + smaller scope, distinguished from Aceternity UI + Magic UI (animation-heavy with 3D + beam effects + premium feel) by clean modern blocks without animation distraction, distinguished from HyperUI + DaisyUI (free Tailwind components broader) by shadcn-specific positioning, distinguished from Tailark (similar free Tailwind blocks for React/Next.js) by alternative aesthetic + selection. For developers building React + Next.js apps with shadcn/ui needing pre-built marketing + dashboard sections, blocks.so is competitive option 2026 in crowded shadcn-block library space. Core features: gallery of pre-built UI blocks organized by category (Hero, Features, Pricing, Testimonials, FAQ, CTA, Dashboard, Auth, Footer, Navigation, Stats, Content, Gallery, Team, Contact, Newsletter, Blog), each block is complete copy-paste React + Tailwind component, built on shadcn/ui primitive components (Button, Card, Input, Dialog, etc.), light + dark mode variants for all blocks, code preview with one-click copy to clipboard, browser preview of all blocks before copying, mobile-responsive design auto-adapting to breakpoints, commercial use OK (verify license per block), TypeScript + JSX format, no installation required for blocks (copy + paste model), works with React + Next.js (App Router + Pages Router), customization-friendly via Tailwind classes, semantic HTML structure, accessibility features inherited from shadcn primitives, regular additions of new blocks following design trends, mobile-friendly browsing on the site, dark mode site UI, search + filter by category, Pro tier with premium blocks + lifetime updates (verify pricing). Best for developers building React + Next.js apps with shadcn/ui needing pre-built marketing + dashboard sections beyond shadcn primitives (which are foundational components like Button + Dialog + Form, not full sections like Hero or Pricing), indie hackers + early-stage founders building SaaS landing pages faster with copy-paste blocks vs custom design + development, designer-developers wanting pre-built quality blocks to iterate on, anyone in the modern React + Tailwind + shadcn stack ecosystem (increasingly the de facto stack for indie + early-stage), agency client work needing fast quality marketing sites built on modern stack, hackathon + launch projects needing visual impact fast. Skip for production-grade design system needs requiring comprehensive coverage (Tailwind UI $299 one-time remains gold standard with Tailwind team backing + most comprehensive library), animation-heavy marketing where Aceternity UI's 3D + beam effects + premium feel matter (Aceternity better for high-impact landing pages), non-React stacks where Tailwind classes alone matter (HyperUI + DaisyUI better for Vue + Svelte + plain HTML), teams already deep in another component library system (switching costs in design + components built), users wanting more comprehensive design system breadth than blocks.so currently offers (verify scope vs needs). Pricing: Free tier with all blocks accessible + light + dark variants + commercial use OK + community support; Pro estimated $49 one-time for premium blocks + lifetime updates + templates + email support; verify current pricing on site. Direct competitors: shadcn/ui official blocks (free, smaller selection), Tailwind UI ($299 one-time, paid gold standard), Aceternity UI (free + Pro $199, animation-heavy), Magic UI (similar animation focus), Tailark (free Tailwind blocks for React), HyperUI (free Tailwind components broader), DaisyUI (Tailwind component library), Flowbite (Tailwind UI components, paid + free), Park UI (Ark UI-based), Material Tailwind (Material design + Tailwind), Tailgrids (Tailwind UI templates paid), Wedges (similar shadcn-focused), shadcnUI Blocks variants. blocks.so wins on shadcn-native focus + accessible pricing + clean modern design + simpler scope; Tailwind UI wins on official + comprehensive + Tailwind team backing; shadcn official wins on free + official + tighter integration; Aceternity wins on animation + premium feel; Tailark wins on similar free shadcn integration. For shadcn-native pre-built blocks in 2026, blocks.so is competitive option in crowded category.
⏱ 30-second verdict
Blocks.so is a visual website builder that lets you create responsive websites using pre-built, customizable React components. It offers a drag-and-drop interface with a library of modern UI blocks for landing pages, pricing sections, testimonials, and more. Export clean code or deploy directly from the platform.
🎯 Why it's useful
Perfect for founders who want to launch professional landing pages quickly without writing frontend code from scratch, while still maintaining full code ownership.
💜 Our take
It bridges the gap between no-code simplicity and developer flexibility—you get speed without sacrificing the ability to customize everything later.
Marketing site sections
Hero + features + pricing + testimonials + CTA blocks for SaaS landing pages. Faster than custom design + dev.
Dashboard layouts
Pre-built dashboard sections (stats cards + tables + charts wrappers). Faster than custom dashboard design.
Indie hacker fast iteration
Indie hackers + early-stage founders shipping SaaS faster with pre-built blocks vs custom design. Polish later, ship now.
Design-developer prototyping
Designer-developers prototyping marketing concepts fast. Copy + paste + iterate vs designing from scratch.
blocks.so is a curated library of pre-built component blocks for shadcn/ui — copy-paste UI sections (hero, features, pricing tables, testimonials, footers, CTAs, dashboards, etc.) built on top of the shadcn/ui foundation that's become the de facto standard for modern React + Tailwind apps. Think of it as 'shadcn/ui blocks but more' — beautifully designed, ready-to-paste sections for marketing sites + landing pages + app dashboards. What it does: gallery of UI blocks organized by category (Hero, Features, Pricing, Testimonials, FAQ, CTA, Dashboard, Auth, etc.), each block is a complete copy-paste-able React + Tailwind component built on shadcn/ui primitives, light + dark mode variants, code preview with one-click copy, mobile responsive auto-adapting, regular new additions as design trends evolve. The pitch is concrete: shadcn/ui gives you primitives (buttons, dialogs, forms), Tailwind UI gives you blocks at $299 one-time, but blocks.so positions as accessible (often free or freemium) shadcn-native block library. For developers building React + Next.js apps with shadcn/ui already, blocks.so eliminates the 'I need a pricing section that doesn't look like Bootstrap defaults' problem fast. Honest landscape: this category is genuinely crowded in 2026. Aceternity UI (animation-heavy, free + Pro $199), Magic UI (similar animation focus), Tailark (free Tailwind blocks), HyperUI (free Tailwind components), DaisyUI (Tailwind component library), Tailwind UI ($299 one-time, paid gold standard), shadcn/ui's own blocks (free, official). blocks.so competes by being shadcn-native + design-focused + accessible pricing. Who should use it: developers building React + Next.js apps with shadcn/ui who need marketing sections beyond shadcn primitives, indie hackers + early-stage founders building SaaS landing pages fast, designer-developers wanting pre-built quality blocks to iterate on, and anyone in the modern React + Tailwind + shadcn stack ecosystem. Where to look elsewhere: production-grade design system needs requiring comprehensive coverage (Tailwind UI $299 still gold standard), animation-heavy marketing where Aceternity UI's 3D + beam effects matter, non-React stacks where Tailwind classes alone matter (HyperUI + DaisyUI), and teams already deep in another component library system. locks.so is one of many emerging shadcn-block libraries. The exact differentiation + pricing varies; verify current details on site. Generally these tools are useful additions to the React + Tailwind + shadcn stack but rarely revolutionary — pick based on design quality fit for your specific needs.
Free
Pro
Free tier available · Pro plans with additional features
Yes — free tier with browseable + copy-paste blocks across categories + light + dark variants + commercial use OK. Pro tier estimated $49 one-time for premium blocks + lifetime updates + templates + email support. Verify current pricing on site.
shadcn/ui has its own free blocks library (smaller selection, official). blocks.so positions as alternative/complementary with potentially more variety + design styles. Both built on shadcn primitives — pick based on which blocks fit your design needs after browsing both.
Tailwind UI ($299 one-time) is the paid gold standard with comprehensive coverage + Tailwind team's official blocks. blocks.so is shadcn-native at accessible pricing. For comprehensive professional design system, Tailwind UI; for shadcn-specific blocks at lower price, blocks.so.
Aceternity UI focuses on animation-heavy 3D + beam effects + premium feel. blocks.so focuses on clean modern shadcn-native blocks without animation distraction. Use both together — Aceternity for hero moments needing visual impact, blocks.so for standard marketing sections.
Modern web development stack: React for UI, Tailwind CSS for styling, shadcn/ui for component primitives (buttons, dialogs, forms). Increasingly the de facto stack for indie hackers + early-stage startups + design-led teams in 2025-2026. blocks.so adds pre-built sections to this foundation.

No reviews yet — be the first.
Supabase
The open-source Firebase alternative.
Resend
Email API for developers, finally good.
Vercel
Frontend cloud built for Next.js.
GitHub
The home of code on the internet.
Railway
Deploy anything with one click.
Nova
AI-powered code editor built natively for macOS developers.