January 2026 - Beta Release 🎉
This release introduces 12 new components and 6 ready-to-use blocks, focused on high-impact, complex interfaces built on the shadcn/ui framework.
New Components
- Admonition: Semantic callouts for alerts and side content. Provides seven distinct types (e.g., warning, success, caution) with automatic icon selection.
- Animated Tabs: Layered content sections with smooth transition animations. Supports multiple variants, including underlined, ghost, and pill styles.
- Cambio Image: Interactive, zoomable image component. Features physics-based motion and blur-up loading via Intersection Observer.
- Card Deck: Swipeable card component. Includes a 3D-effect stack and customizable swipe controls for mobile-friendly interfaces.
- Code Block: Versatile code display block. Features syntax highlighting, package manager tabs, and an expandable viewport for long code snippets.
- LLM Chat: Complete AI chat interface. Supports streaming responses, state management, file uploads, and model selection for a full-featured application.
- Map Box Pointer: Interactive maps. Uses Mapbox GL JS to render custom React markers and manage map state.
- Marquee: Animated, infinite scrolling rail. Perfect for showcasing logos, testimonials, or feature cards with smooth, continuous motion.
- Navigation Menu: An accessible collection of links. Offers desktop and mobile-friendly link groups for site navigation.
- Product Card: A flexible compound component. Designed for e-commerce product listings or showcasing, easily combining images, badges, and metadata.
- QR Code: Customizable QR code generator. Includes styling options for colors and supports centered logo placement within the code.
- X Card (Twitter): Themed, rich embeds for X/ (formerly Twitter) posts. Renders static, high-performance cards that integrate seamlessly with your theme.
New Blocks
- Testimonials: Feature showcase with testimonial cards. A dedicated section for displaying customer reviews and social proof.
- Video Card Grid: Interactive feature grid with video cards. Highlights product features using dynamic media and responsive layouts.
- LLM Chat Window: Complete AI chat interface window layout. A full-screen, ready-to-use window template for AI applications.
- AI Chat Sidebar: Sidebar layout for AI chat applications. Includes conversation history navigation and primary chat interface.
- Perspective Carousel: A stunning 3D perspective carousel. Showcases key content with an immersive, three-dimensional depth effect.
- Bottom Mobile Nav Layout: Mobile-first layout with bottom navigation bar. Optimized for single-handed use on mobile devices.
The experience building these components was a joy. I focused meticulously on customization, variant design, and performance. Each component is built with accessibility in mind and works seamlessly with your existing design system.
Looking forward to the next release with more components and exciting features!