---
name: "@awwwardedui"
slug: "awwwardedui"
description: "A curated registry of production-ready creative components and motion effects for React."
category: "Animated components"
tags: ["animation", "backgrounds"]
framework: "react"
license: null
author: "SimonAmable"
website: "https://awwwardedui.vercel.app"
github: "https://github.com/SimonAmable/awwwardedui"
registry: "https://awwwardedui.vercel.app/r/registry.json"
pro: false
pro_url: null
github_stars: 0
component_count: 5
generated_at: "2026-09-21T01:50:16.753Z"
---

# @awwwardedui

A curated registry of production-ready creative components and motion effects for React.

## Links

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

## Install

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

## Components (5)

| name | type | description | install |
| --- | --- | --- | --- |
| marquee-strip | registry:component | A responsive, pauseable content ribbon for statements, logos, and editorial details. | `npx shadcn@latest add https://awwwardedui.vercel.app/r/marquee-strip.json` |
| smoke-shader-background | registry:block | A self-contained WebGL smoke background with cursor effects and an expansive prop surface. | `npx shadcn@latest add https://awwwardedui.vercel.app/r/smoke-shader-background.json` |
| caustics-shader-background | registry:block | A self-contained WebGL caustics background with cursor effects and an expansive prop surface. | `npx shadcn@latest add https://awwwardedui.vercel.app/r/caustics-shader-background.json` |
| imposter-syndrome-shader | registry:block | An atmospheric interactive sky shader with clouds, sun, moon, rain, aurora, and weather effects. | `npx shadcn@latest add https://awwwardedui.vercel.app/r/imposter-syndrome-shader.json` |
| clouds-shader-background | registry:block | A self-contained WebGL cloudscape built from the supplied Shadertoy-style noise shader. | `npx shadcn@latest add https://awwwardedui.vercel.app/r/clouds-shader-background.json` |

## For AI agents

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