Saastro Blocks

Overview

Saastro Blocks is a shadcn-compatible registry of landing page blocks for Astro, published by SAASTRO. Of the 54 items in the registry, 15 are zero-JS .astro blocks with no runtime dependencies, so they install into an Astro project without React. Interactive pieces, such as the pricing table, accordion FAQ and responsive navbar, ship as React components built on Base UI.

Blocks install through the shadcn CLI after adding @saastro to the registries map in components.json. The CLI copies the source into the project along with any primitives it needs, and each block documents its props, such as title, description and primaryCta for the centered hero.

Features

• Hero blocks: Centered, split with image, and gradient variants
• Marketing sections: Icon grid and alternating features, numbered how-it-works steps, CTA banner, testimonials, stats, logo cloud and newsletter signup
• Pricing and comparison: A three-tier React pricing block and a two-column comparison table
• Content and navigation: Blog post grid, multi-column footer and responsive navbar
• No-JS FAQ: An Astro FAQ that works without JavaScript, alongside an accordion version
• UI primitives: Button, card, dialog, popover, tabs, table, command, calendar, input OTP, form fields and more
• Registry setup: One components.json entry pointing to https://ui.saastro.io/r/{name}.json

Tech stack

• Astro, React, Base UI, shadcn CLI

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @saastro/component-name