mewo

Introduction

mewo is an open-source shadcn registry of animated React components and page sections. You install an item with the shadcn CLI and its source code is copied into your project. You own it from then on.

Requirements

A React project with shadcn initialised (npx shadcn@latest init) and Tailwind CSS v4. Components that use Motion or GSAP install those packages for you.

Install from the registry directory

Once mewo is listed in the shadcn registry directory this works with no configuration:

npx shadcn@latest add @mewo/hero-aurora

Install without the directory

Add the namespace to your components.json, then use the same command:

{
  "registries": {
    "@mewo": "https://www.mewo-ui.com/r/{name}.json"
  }
}

Single components can also be installed straight from their URL, with no configuration at all:

npx shadcn@latest add https://www.mewo-ui.com/r/text-shimmer.json

Sections are the exception. They install other mewo components, which they list as @mewo/<name>, and the CLI can only resolve that from a configured registry — so a section needs the registries entry above (or the registry directory listing) rather than the URL form.

What an install does

  • Copies the component into components/ui/, or a section into components/.
  • Installs the npm packages that item needs — and only those.
  • Adds any keyframes the item uses to your globals.css.
  • For sections, installs the mewo components they are built from.