Preblocks

A growing library of free, accessible UI blocks and components built on shadcn/ui and Tailwind CSS.

Live Preview

Usage

You can add Preblocks as a registry namespace in your components.json file.

{
  "registries": {
    "@preblocks": "https://preblocks.com/r/{name}.json"
  }
}

Once the registry is added, you can install any block or component provided by Preblocks using the shadcn CLI.

pnpm dlx shadcn@latest add @preblocks/statistic-card-1
# or
npx shadcn@latest add @preblocks/statistic-card-1

This command will install the first statistic card block. You can find the CLI command to copy for each block in its top-right corner.

License

Released under the MIT License.