---
name: "@uui"
slug: "uui"
description: "Inspiration for UI Interfaces. Discover UI ideas, micro-interactions, and components drawn from real products."
category: "Animated components"
tags: ["animation", "backgrounds", "cards", "loaders", "media", "overlays", "text-effects", "theming"]
framework: "react"
license: null
author: null
website: "https://uui.app"
github: null
registry: "https://uui.app/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 6
generated_at: "2026-07-28T08:00:50.948Z"
---

# @uui

Inspiration for UI Interfaces. Discover UI ideas, micro-interactions, and components drawn from real products.

## Links

- Website: https://uui.app
- Registry JSON: https://uui.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/uui
- This file: https://sh4dcn.vercel.app/md/uui.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://uui.app/r/registry.json
pnpm dlx shadcn@latest add https://uui.app/r/registry.json
bunx shadcn@latest add https://uui.app/r/registry.json
# fetch the raw registry index
curl -s https://uui.app/r/registry.json
```

## Components (6)

| name | type | description | install |
| --- | --- | --- | --- |
| cards-shader-effect | registry:block | Cards Shader Effect | `npx shadcn@latest add https://uui.app/r/cards-shader-effect.json` |
| dropbox-upload | registry:block | Dropbox Upload | `npx shadcn@latest add https://uui.app/r/dropbox-upload.json` |
| family-signin-drawer | registry:block | Family Sign In Drawer | `npx shadcn@latest add https://uui.app/r/family-signin-drawer.json` |
| snapchat-loader | registry:component | Snapchat Loader | `npx shadcn@latest add https://uui.app/r/snapchat-loader.json` |
| sora-theme-picker | registry:block | Sora Theme Picker | `npx shadcn@latest add https://uui.app/r/sora-theme-picker.json` |
| text-shimmer-animation-on-hover | registry:block | Text Shimmer Animation | `npx shadcn@latest add https://uui.app/r/text-shimmer-animation-on-hover.json` |

## For AI agents

```text
You are adding components from @uui to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/uui.md) for the component list.
2. Fetch the machine-readable index: https://uui.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: uui).
```