Link:Saurabh
beUI: Animated React Components for Tailwind CSS 4 and React 19
beUI is an open-source component library for React and Next.js built on Motion (Framer Motion) and Tailwind CSS 4, distributed directly via the shadcn CLI.
benday: Halftone Thinking Indicators from Logos for AI Interfaces
LinkKacem MathlouthiTool
benday is a React component that transforms any logo into an animated field of Ben-Day dots, serving as a branded thinking indicator for AI and agent interfaces instead of standard spinners.
Key points
- Installs via the shadcn registry CLI, copying seven TypeScript files directly into the project without external package dependencies beyond React.
- Architecture: The logo is rasterised once, separated via alpha or luminance mask, processed through a Euclidean distance transform, and sampled into a dot map.
- Optimised for performance and accessibility: pauses rendering off-screen, respects prefers-reduced-motion, and supports baking the dot map at build time.
- Includes 21 animation presets across categories like Sweep, Orbit, Field, and Transform, with support for custom pure functions.
Why it matters
AI interfaces frequently require users to wait for generative responses. Generic loading spinners degrade brand presence, whereas benday leverages the brand's own logo for dynamic state feedback.
Analysis
benday effectively blends visual polish with practical front-end engineering. Restricting rendering to a lightweight dot map and supporting pre-computation avoids browser performance pitfalls, while distributing via the shadcn registry pattern prevents dependency lock-in.
Mentioned links
Found in
Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.
Related entries
Similar in content, found by the AI search.
Link:Componentry
Componentry: Animated React Components with shadcn and MCP Integration
Componentry is a React component library backed by the Vercel OSS Program. It provides animated UI components with editable source code that can be installed using the shadcn CLI or AI editors via MCP.
Link:pixelcave
CodedVisuals: Animated UI Illustration Library for shadcn
CodedVisuals provides a library of 122 animated, copy-paste coded illustrations featuring over 1,150 ready-made variations across 32 categories. Components can be previewed, copied, or installed directly through the shadcn registry.
Link:Swami Malode
Rare UI: Animated React Component Collection
Rare UI is a free, open-source library of over 18 animated React components installable via the shadcn CLI.
Link:uiarc.dev
Arc: Animated React Components and UI Blocks for shadcn and AI Workflows
Arc (uiarc.dev) is a React component and block library built with native motion and animations. It includes 140 UI components and 83 ready-to-use blocks designed to be installed via the shadcn CLI, an MCP server, or AI coding tools like Cursor and Claude.
Link:TurboProduct design studio
Beautiful UI: Component Library for AI-Native Interfaces
Design studio TurboProduct has released Beautiful UI, a collection of 21 UI components under the MIT licence tailored for AI-native interfaces and autonomous agent workflows.
Let's talk about your project
Locations
- Mattersburg
Johann Nepomuk Bergerstraße 7/2/14
7210 Mattersburg, Austria - Vienna
Ungargasse 64-66/3/404
1030 Wien, Austria
Parts of this content were created with the assistance of AI.