---
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", "media", "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: 2
component_count: 20
generated_at: "2026-10-27T06:34:08.542Z"
---

# @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.netlify.app/registry/mewo
- This file: https://sh4dcn.netlify.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 (20)

| 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 Motion. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/split-text.json` |
| venom | registry:ui | A living symbiote covers your text or SVG, crawls over it and sends writhing tendrils after the pointer. WebGL 2, no dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/venom.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` |
| gradient-carousel | registry:ui | A looping 3D card carousel you turn by wheel, drag or arrow keys, over a blurred gradient drawn in the colours of the centre image. No dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/gradient-carousel.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` |
| scroll-portal | registry:ui | Scroll flies the camera through nested frames, each opening onto the next scene. No dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/scroll-portal.json` |
| tile-reveal | registry:ui | A pinned image grid whose tiles fly in column by column on scroll, then zoom past the edges to reveal a headline and call to action. No dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/tile-reveal.json` |
| scroll-mask | registry:ui | Scroll opens a mask that reveals an image six ways: iris, wipe, curtain, slats, grid or a word. No dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/scroll-mask.json` |
| text-scroll-highlight | registry:ui | Text whose words light up one by one with the scroll, either as it moves up the screen or pinned in place like a subtitle. No dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/text-scroll-highlight.json` |
| aurora-background | registry:ui | A slowly drifting gradient backdrop with a fade-in for its content. A WebGL 2 shader, with a static CSS gradient wherever WebGL is unavailable. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/aurora-background.json` |
| pattern-waves | registry:ui | A lit field of dots, squares, lines or glyphs rolling over silk, swell or ripple waves, with a cursor ripple. WebGL 2 through ogl. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/pattern-waves.json` |
| grainient | registry:ui | A flowing, film-grained gradient in up to eight colours that stirs under the pointer and swirls on click. Raw WebGL 2, no dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/grainient.json` |
| dot-grid | registry:ui | A grid of dots on springs: they scatter from the pointer, ripple out from a click and settle back. Raw WebGL 2, no dependencies. | `npx shadcn@latest add https://mewo-ui.vercel.app/r/dot-grid.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` |
| album-rail | registry:ui | A fanned rail of album sleeves that turn away in 3D, with a record that slides out and spins on play, a tick ruler, swipe, wheel and arrow keys. No dependencie… | `npx shadcn@latest add https://mewo-ui.vercel.app/r/album-rail.json` |

## For AI agents

```text
You are adding components from @mewo to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.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.netlify.app/json (library slug: mewo).
```