PParable
Documentation menu

Introduction

Parable is a free, open marketplace that gives you two things:

  • Components — animated, accessible React components you install with the shadcn CLI. The source is copied into your project, so you own it.
  • Templates — complete, ready-to-ship websites (the Parable & Formwork series). Preview them live, clone the source, and deploy.

The shell stays quiet on purpose; the components and templates carry the wow.

The idea

Most component libraries hand you a black-box npm dependency. Parable doesn't. Everything installs as local source via the shadcn registry model — shadcn add writes the files into your repo. Rename them, restyle them, retime them. No lock-in, no version churn you didn't ask for.

What's here

  • 88 components across five categories — text animations, interactive, hero backgrounds, visual effects, and loaders. All respect prefers-reduced-motion.
  • 78 templates across two families and five stacks (plain HTML/JS, Astro, Next.js, SvelteKit, Vite) — every one an individually-designed, deployed site.
  • A Model Context Protocol endpoint so AI agents can browse and pull from the catalog directly.

Stack

Parable itself is built with Next.js (App Router), React, TypeScript, Tailwind v4, shadcn, and Motion. It's free and open — every component and template, no account, no paid tier.

Next steps

  • Installation — add the @parable registry to your project.
  • Theming — the token system and dark mode.
  • CLI — the shadcn add workflow.
  • MCP server — pull the catalog from an AI agent.