Awwwardedui

Overview

AwwwardWinning UI (registry name awwwardedui) is an independent registry of creative components and motion effects for React, Next.js, Tailwind CSS and shadcn/ui. Its site describes the collection as "creative components, installed like shadcn" and notes that the project is not affiliated with Awwwards.

The registry is small and focused on visual effects. It currently lists five items, four of which are self-contained WebGL shader backgrounds with cursor interaction and a wide range of props, plus a marquee ribbon for statements and logos.

Features

• Marquee strip: A responsive, pauseable content ribbon for statements, logos and editorial details.
• Smoke shader background: A WebGL smoke effect that reacts to the cursor.
• Caustics shader background: A WebGL water-caustics background with cursor effects.
• Clouds shader background: A WebGL cloudscape built from a Shadertoy-style noise shader.
• Imposter syndrome shader: An interactive sky with clouds, sun, moon, rain, aurora and weather effects.
• Self-contained blocks: Each shader ships as a single block with its own configurable props.

Tech stack

• React, Next.js
• Tailwind CSS, shadcn/ui
• WebGL

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @awwwardedui/component-name