Landing page due today

The landing page is due. The sections are ready.

BlockShelf is a catalog of polished Tailwind heroes, pricing tables, FAQs, and footers. Preview them on a phone or a desktop, in light or dark, rewrite the accent, and copy React or HTML. No $299 kit. No component library to adopt.

Sections

24

Free to copy

8

Pro per month

$9

React and HTML

Both

<!-- Split hero. Paste into a page that loads Tailwind CSS v3 or v4. -->
<section
  data-block="hero-split"
  class="bg-white text-stone-900 dark:bg-stone-950 dark:text-stone-100"
>
  <div
    class="mx-auto grid max-w-6xl items-center gap-12 px-4 py-16 sm:px-6 lg:grid-cols-2 lg:py-24"
  >
    <div>
      <p
        class="text-sm font-semibold uppercase tracking-[0.16em] text-emerald-800 dark:text-emerald-300"
      >
        Freelance launch kit
      </p>
      <h1 class="mt-4 max-w-xl text-4xl font-semibold tracking-tight text-balance sm:text-5xl">
        Ship the landing page before lunch
      </h1>
      <p class="mt-5 max-w-xl text-lg leading-relaxed text-stone-600 dark:text-stone-300">

Free sections in the shelf: hero-split, features-three, pricing-three, testimonials-cards, faq-accordion, cta-banner, navbar-simple, footer-columns.

Questions