Introduction

PrequelUI is a collection of animated dashboard blocks for shadcn/ui. Each block is one self-contained component — a chart, a metric, a table or a feed — that you install into your own project with a single command. The code is copied into your project, so you own it and can change anything.

Blocks are built with React, Tailwind CSS v4 and TypeScript. Motion comes from motion, the animation library behind Framer Motion. Everything reads your shadcn theme tokens, so the blocks match your app in light and dark mode and recolour with your theme.

What is free

Every block is free and MIT licensed, forever. There is no account, no email and no trial. You install a block with the shadcn CLI:

npx shadcn@latest add https://prequelui.terravidhal.me/r/area-chart.json

npx shadcn@latest add https://prequelui.terravidhal.me/r/area-chart.json

There are currently 16 blocks across Charts, Metrics, Tables, Feeds, Status and Marketing. Browse them all on the blocks page.

What is PrequelUI Pro

PrequelUI Pro is a separate, paid product with complete dashboards — every page and every state included, with notifications, a command menu, export and colour themes. Its price is announced at launch.

The free blocks remain free and independent from Pro. You never need Pro to use a block. Read more on the pricing page.

How the pieces fit together

• shadcn/ui provides the design tokens and the CLI that installs blocks into your project.
• React and TypeScript are the runtime and language the blocks are written in.
• Tailwind CSS v4 styles the blocks through utility classes that read your theme tokens.
• motion drives every entrance, transition and micro-interaction.

PrequelUI is made by one independent developer, Vidhal. The source is open on GitHub.

Next steps