All blocks

Three cards with highlighted plan

Pricing
npx astralis-cli add pricing-01
three-tierhighlighted-planfeature-listseparate-cardsfootnote

Add it to your project

  1. Run the command: it writes components/blocks/pricing-01.tsx and leaves the rest of your project untouched.

    npx astralis-cli add pricing-01
  2. Import it where you need it. The block only depends on astralis-ui, so it compiles in any React project: no extra packages, no framework lock-in.

  3. Edit it. The copy, links and layout are plain JSX in your repo now. This is your file, not a dependency to configure around.

Composes Badge, Box, Button, Container, Flex, Grid, Heading, Icon, List, ListItem, Separator, Stack, Text.