Product-ready animated React UI blocks built with Motion and Tailwind CSS, available as customizable copy-paste source.
22 components with live previews
Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.
pnpm dlx shadcn@latest add @beui/infinite-masonryCompact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.
pnpm dlx shadcn@latest add @beui/notification-stackAn interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.
pnpm dlx shadcn@latest add @beui/project-folderA landscape card tucked into a stitched purse pocket that lifts forward as the purse compresses into its bottom seam, with controlled open and card-detail visibility plus a separate overflow action.
pnpm dlx shadcn@latest add @beui/card-folderAnimated 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.
pnpm dlx shadcn@latest add @beui/knockout-bracketWeekly 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.
pnpm dlx shadcn@latest add @beui/availability-schedulerCross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.
pnpm dlx shadcn@latest add @beui/swapiOS-style island pill that morphs between live activity views with bouncy shell resize and blur crossfades.
pnpm dlx shadcn@latest add @beui/dynamic-island⌘K palette with fuzzy filter, spring-animated active row and glass surface.
pnpm dlx shadcn@latest add @beui/command-paletteSearch field or compact icon that morphs into a glass results surface, whether opened by click or keyboard shortcut.
pnpm dlx shadcn@latest add @beui/morphing-searchCompact icon actions that expand into labeled controls on hover or focus with shared layout motion.
pnpm dlx shadcn@latest add @beui/expandable-action-barConnected pill rail for primary actions that springs open to reveal extra controls.
pnpm dlx shadcn@latest add @beui/overflow-actionsIcon 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.
pnpm dlx shadcn@latest add @beui/expandable-tabsReorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.
pnpm dlx shadcn@latest add @beui/morphing-tabsMobile-style list rows that swipe left or right to reveal contextual action buttons.
pnpm dlx shadcn@latest add @beui/swipeable-listTwo file upload patterns: an attachment workspace for mixed files, links, audio and media, plus a progress queue with retry and removal.
pnpm dlx shadcn@latest add @beui/file-uploadAnimated market listing cards with outcome CTAs, probabilities and bookmarks, plus a trade ticket with buy/sell modes and rolling amount entry.
pnpm dlx shadcn@latest add @beui/prediction-marketWallet 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.
pnpm dlx shadcn@latest add @beui/wallet-cardOne-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.
pnpm dlx shadcn@latest add @beui/otp-inputComposed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and an animated submit lifecycle.
pnpm dlx shadcn@latest add @beui/signup-formA button that morphs open into a menu and blooms iris-out from the center, the grid revealing in every direction with radially staggered items.
pnpm dlx shadcn@latest add @beui/bloom-menuCorner trigger that morphs open into a feedback popup with message entry and animated sending, success and retry states.
pnpm dlx shadcn@latest add @beui/feedback-widgetAnimated 404 pages in five styles: glitch scramble, magnetic digits, cursor spotlight, a fanning card stack and a typed terminal.
Collection component
pnpm dlx shadcn@latest add @beui/not-foundVisual index
Scroll to load the next page
12 items
Canada0
Morocco3
Paraguay0
France1
USA1
Belgium4
Portugal0
Spain1
Brazil1
Norway2
Mexico2
England3
Switzerland0 (4)
Colombia0 (3)
Argentina3
Egypt2
France2
Morocco0
Spain2
Belgium1
Norway1
England2
Argentina3
Switzerland1
France
Spain
England
ArgentinaThird place play-off
≈ $3,142
≈ $3,142
Press ⌘ J (or Ctrl J) to open.
quiet focus
A small space for the work that needs a little more air around it.
Priority queue
Ready
Upload package
1 of 3 files ready
brand-assets.zip
ZIP · 18 MB
release-cut.mov
MOV · 80 MB
vendor-contract.pdf
PDF · 2.7 MB · Connection lost
Avg. Price 16.7¢
Balance
Enter 123456 to verify.