Announcement Banners

Four animated announcement compositions spanning a gradient marquee strip, a cinematic launch moment, a compact rotating ribbon, and a layered multi-update stack.

Gradient marquee strip

announcement-gradient-marquee.tsx

A compact edge-to-edge announcement strip with a warm gradient field, continuously moving message sequence, fixed action, accessible reduced-motion state, and dismissal.

Install

$ bunx --bun shadcn add @beui-pro/

Shader launch modal

announcement-shader-launch.tsx

A compact modal-style launch announcement with an animated shader visual header, layered glass artwork, a Dia-inspired chromatic heading, paired actions, and a smooth dismiss transition.

Install

$ bunx --bun shadcn add @beui-pro/

Rotating announcement ribbon

announcement-rotating-ribbon.tsx

A compact site-wide ribbon that cycles through announcements with vertical blur transitions, a restrained light sweep, visibility-aware playback, and dismissal.

Install

$ bunx --bun shadcn add @beui-pro/

Stacked announcement cards

announcement-stacked-cards.tsx

A layered announcement stack that automatically brings each complete story forward with spring motion while keeping the next notices visibly within reach.

Install

$ bunx --bun shadcn add @beui-pro/