---
name: "@mewo"
slug: "mewo"
description: "Animated React components and page sections built on Tailwind CSS v4, powered by Motion and GSAP. Every item respects prefers-reduced-motion and installs only the dependency it needs."
category: "Animated components"
tags: ["animation", "backgrounds", "blocks", "cards", "loaders", "navigation", "text-effects"]
framework: "react"
license: "MIT"
author: "xmustafa5"
website: "https://mewo-ui.vercel.app"
github: "https://github.com/xmustafa5/mewo-ui"
registry: "https://mewo-ui.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 0
component_count: 10
generated_at: "2026-09-21T01:50:16.753Z"
---

# @mewo

Animated React components and page sections built on Tailwind CSS v4, powered by Motion and GSAP. Every item respects prefers-reduced-motion and installs only the dependency it needs.

## Links

- Website: https://mewo-ui.vercel.app
- GitHub: https://github.com/xmustafa5/mewo-ui
- Registry JSON: https://mewo-ui.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/mewo
- This file: https://sh4dcn.vercel.app/md/mewo.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://mewo-ui.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://mewo-ui.vercel.app/r/registry.json
bunx shadcn@latest add https://mewo-ui.vercel.app/r/registry.json
# clone the source repo
git clone https://github.com/xmustafa5/mewo-ui.git
# fetch the raw registry index
curl -s https://mewo-ui.vercel.app/r/registry.json
```

## Components (10)

| name | type | description | install |
| --- | --- | --- | --- |
| text-shimmer | registry:ui | A light sweep that moves across text. CSS only — no dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/text-shimmer.json` |
| marquee | registry:ui | An infinite horizontal scroller with a seamless loop. CSS only — no dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/marquee.json` |
| split-text | registry:ui | Characters or words stagger into view when scrolled to. Powered by GSAP and ScrollTrigger. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/split-text.json` |
| spotlight-card | registry:ui | A card with a radial glow that follows the pointer. Powered by Motion. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/spotlight-card.json` |
| scroll-reveal | registry:ui | Fades and slides its children in when they enter the viewport. Powered by Motion. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/scroll-reveal.json` |
| aurora-background | registry:ui | A slowly drifting gradient backdrop with a fade-in for its content. CSS keyframes plus Motion. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/aurora-background.json` |
| hero-aurora | registry:block | A hero section: aurora backdrop, word-by-word headline, description and two call-to-action buttons. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/hero-aurora.json` |
| features-spotlight | registry:block | A features section: shimmering eyebrow, heading, a scroll-revealed grid of spotlight cards and a logo marquee. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/features-spotlight.json` |
| tabs | registry:ui | Drop-in replacement for shadcn's tabs. Adds an indicator that slides between tabs instead of jumping. Same exports, same props. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/tabs.json` |
| collapsible | registry:ui | Drop-in replacement for shadcn's collapsible, which ships with no animation at all. Adds eased height and a content fade. Same exports, same props. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/collapsible.json` |

## For AI agents

```text
You are adding components from @mewo to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/mewo.md) for the component list.
2. Fetch the machine-readable index: https://mewo-ui.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: mewo).
```