Animated React UI blocks

Two file upload patterns: an attachment workspace for mixed files, links, audio and media, plus a progress queue with retry and removal.

Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.

Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.

Animated tournament fixtures in two styles: a knockout bracket that pages through rounds, and a wheel that wraps the same tree around the champion. Both read the same array of rounds, so one dataset draws either.

Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.

Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.

iOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.

⌘K palette with fuzzy filter, spring-animated active row and glass surface.

Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.

Connected pill rail for primary actions that springs open to reveal extra controls.

Icon tab bar where the active tab expands to a labelled pill, with a panel above that morphs height and slides content direction-aware on switch.

Mobile-style list rows that swipe left or right to reveal contextual action buttons.

Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, quick add chips and trade states.

Wallet overview card with an account switcher and search that morph open from their triggers, a cascading balance with a live change pill and privacy toggle, copy-address, and Send / Deposit / Swap / Buy actions.

One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.

A button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.

Corner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.

Animated 404 pages in five styles: glitch scramble, magnetic digits, cursor spotlight, a fanning card stack and a typed terminal.