M
moumen-soliman/uitripled
AI Chat Interfaceai-chat-interface-shadcnuiChat input with attachments, model selector, and accessible controls
AI Glow Inputai-glow-input-shadcnuiInput field with dynamic glow that pulses based on typing speed - smart motion feedback
AI Loading Skeletonai-loading-skeleton-shadcnuiLoading state with diagonal shimmer gradient and opacity wave
AI Response Typing Streamai-response-typing-shadcnuiCharacter-by-character typing animation with natural pauses and thinking states
Animated Accordionanimated-accordion-shadcnuiAccordion with smooth expand/collapse and rotate arrow
Animated Card Stackanimated-card-stack-baseuiStacked cards that expand on hover (Base UI)
Animated Card Stackanimated-card-stack-shadcnuiStacked cards that expand on hover
Animated Checkboxanimated-checkbox-shadcnuiCheckbox with checkmark animation
Animated Dialoganimated-dialog-shadcnuiModal dialog with backdrop fade and spring animation
Animated Listanimated-list-shadcnuiList with staggered item animations
Animated Navbaranimated-navbar-shadcnuiNavigation bar with animated underline indicator
Animated Paginationanimated-pagination-shadcnuiPagination with smooth page transition indicator
Animated Profile Menuanimated-profile-menu-shadcnuiFloating profile avatar that reveals quick action cards with smooth motion
Animated Radioanimated-radio-shadcnuiRadio button group with selection ripple
Animated Selectanimated-select-shadcnuiSelect dropdown with smooth open/close animation
Animated Sidebaranimated-sidebar-shadcnuiSidebar with slide-in animation and overlay
Animated Tabsanimated-tabs-shadcnuiTabs with sliding indicator animation
Animated Tooltipanimated-tooltip-shadcnuiTooltip with delay and slide animation
Avatar Groupavatar-group-shadcnuiStacked avatar group with hover reveal and tooltips
Blog Typographyblog-typography-shadcnuiBeautiful blog post typography with text, links, images, blockquotes, and code examples
Bottom Modalbottom-modalCute bottom-centered modal with smooth slide-up animation and glassmorphism design
Browse Folderbrowse-folder-baseuiFolder browser with animated tabs and content (Base UI)
Browse Folderbrowse-folder-shadcnuiFolder browser with animated tabs and content
Cards Slidercards-slider-shadcnuiLiquid smooth draggable cards slider with shadcn/ui styling and framer-motion animations
Chat Appchat-app-shadcnuiFully functional chat interface with animated messages
Cinema Ticketcinema-ticket-baseuiCinematic theater ticket with rip effect and barcode (Base UI)
Cinema Ticketcinema-ticket-shadcnuiCinematic theater ticket with rip effect and barcode
Command Palettecommand-palette-shadcnuiCommand palette with search and keyboard navigation
Comment Threadcomment-thread-shadcnuiNested comment thread with rich interactions and animations
Conference Ticketconference-ticket-baseuiAnimated conference ticket with glassmorphism effects and holographic details (Base UI)
Conference Ticketconference-ticket-shadcnuiAnimated conference ticket with glassmorphism effects and holographic details
Context Menu Bubblecontext-menu-bubble-shadcnuiRight-click reveals circular expanding radial menu with icons
Context Menucontext-menu-shadcnuiRight-click context menu with nested items animation
Course Content Pagecourse-content-page-shadcnuiInteractive course page with video player, instructor details, curriculum sections, and progress tracking
Credit Cardcredit-card-baseui3D animated credit card with flip animation to show CVV (Base UI)
Credit Cardcredit-card-shadcnui3D animated credit card with flip animation to show CVV
Currency Converter Cardcurrency-converter-card-baseuiFinance conversion widget with animated inputs, simulated exchange updates, and contextual feedback (Base UI)
Currency Converter Cardcurrency-converter-card-shadcnuiFinance conversion widget with animated inputs, simulated exchange updates, and contextual feedback
Detail Task Carddetail-task-card-baseuiTask management detail panel with animated assignee chips and editor controls (Base UI)
Detail Task Carddetail-task-card-shadcnuiTask management detail panel with animated assignee chips and editor controls
Drag-to-Confirm Sliderdrag-to-confirm-slider-shadcnuiSlider that activates action only when fully dragged to end
Draggable Listdraggable-list-shadcnuiReorderable list with drag and drop spring physics
Ecommerce Highlight Cardecommerce-highlight-card-baseuiProduct spotlight card with blurred border, bundle selector, and fulfillment details (Base UI)
Ecommerce Highlight Cardecommerce-highlight-card-shadcnuiProduct spotlight card with blurred border, bundle selector, and fulfillment details
Expanding Search Dockexpanding-search-dock-shadcnuiMinimal search icon that expands into full input with blur
Fade & Slide Modalfade-slide-modal-shadcnuiModal with fade backdrop and slide-up animation
Floating Chat Widgetfloating-chat-widget-shadcnuiFloating chat widget with AI agent selection dropdown and animations
Floating Label Inputfloating-label-input-shadcnuiInput with animated floating label
Fluid Modal Transitionfluid-modal-transition-shadcnuiModal that expands smoothly from clicked trigger element using layoutId
Folder Animationfolder-animation-carbonAnimated folder card with motion blur effect, perfect for showcasing file operations or loading states.
Glass Account Settings Cardglass-account-settings-card-shadcnuiAccount management card with subscription overview and billing actions in glassmorphic style
Glass Blog Cardglass-blog-card-baseuiGlassmorphism blog card with image zoom, author info, and read action (Base UI)
Glass Blog Cardglass-blog-card-shadcnuiGlassmorphism blog card with image zoom, author info, and read action
Glass Checkout Cardglass-checkout-card-baseuiGlassmorphism checkout card with payment method selector and input fields (Base UI)
Glass Checkout Cardglass-checkout-card-shadcnuiGlassmorphism checkout card with payment method selector and input fields
Glass Forgot Password Cardglass-forgot-password-card-shadcnuiReset-password screen with glassmorphic styling and status messaging
Glass Order Summaryglass-order-summary-baseuiGlassmorphism order summary card with item list and checkout button (Base UI)
Glass Order Summaryglass-order-summary-shadcnuiGlassmorphism order summary card with item list and checkout button
Glass Profile Settings Cardglass-profile-settings-card-shadcnuiGlassmorphic profile settings form with avatar upload, bio, and notification preferences
Glass Sign-In Cardglass-sign-in-card-shadcnuiGlassmorphic sign-in panel with social auth buttons and email form
Glass Sign-Up Cardglass-sign-up-card-shadcnuiGlassmorphic sign-up flow with social providers, email fields, and terms checkbox
Glass Verification Code Cardglass-verification-code-card-shadcnuiVerification code entry with glassmorphic inputs, status messaging, and reduced-motion support
Glass Wallet Cardglass-wallet-card-baseuiGlassmorphism crypto wallet card with balance, trend, and action buttons (Base UI)
Glass Wallet Cardglass-wallet-card-shadcnuiGlassmorphism crypto wallet card with balance, trend, and action buttons
Glassmorphism Statistics Cardglassmorphism-statistics-card-baseuiInteractive statistics card with hover reveal and smooth transitions (Base UI)
Glassmorphism Statistics Cardglassmorphism-statistics-card-shadcnuiInteractive statistics card with hover reveal and smooth transitions
Hover Expand Cardhover-expand-card-baseuiCard that lifts and expands on hover (Base UI)
Hover Expand Cardhover-expand-card-shadcnuiCard that lifts and expands on hover
Accessible Image Slider Cardimage-slider-card-shadcnuiImage carousel card with keyboard support, reduced motion handling, and screen reader-friendly labels
Interactive Timelineinteractive-timeline-shadcnuiVertical timeline where elements animate and connect with lines on scroll
Mac Searchbarmac-searchbar-shadcnuiMac-style searchbar with animated dropdown, glassmorphism effects, and smooth transitions
Magnetic Avatar Groupmagnetic-avatar-group-shadcnuiStacked avatars that spread apart on hover showing tooltips
Messengermessenger-shadcnuiGlassmorphism messenger workspace with accessible motion and quick replies
Minimal Resumeminimal-resume-baseuiVercel-inspired minimal resume with clean typography and grid layout (Base UI)
Minimal Resumeminimal-resume-shadcnuiVercel-inspired minimal resume with clean typography and grid layout
Multiple Accounts Switchermultiple-accounts-shadcnuiGlassmorphic account switcher with animated dropdown and accessible listbox controls
Native Avatar Expandnative-avatar-expand-baseuiAvatar component that expands to reveal the name on click with smooth animations. (Base UI)
Native Avatar Expandnative-avatar-expand-shadcnuiAvatar component that expands to reveal the name on click with smooth animations.
Native Avatar With Namenative-avatar-with-name-baseuiAvatar component that displays a name tooltip on hover with directional animations. (Base UI)
Native Avatar With Namenative-avatar-with-name-shadcnuiAvatar component that displays a name tooltip on hover with directional animations.
Native Badgenative-badgeAnimated badge component with glass, glow, and outline variants for native feel.
Native Badgenative-badge-carbonAnimated badge component with glass, glow, and outline variants for native feel.
Native Buttonnative-button-baseuiGlassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling (Base UI)
Native Buttonnative-button-shadcnuiGlassmorphism-inspired button component based on shadcn/ui with smooth animations and modern styling
Native Counter Upnative-counter-upAnimated number counter with smooth easing and accessibility support.
Native Counter Upnative-counter-up-carbonAnimated number counter with smooth easing and accessibility support.
Native Deletenative-delete-baseuiDelete button that expands to show a confirmation button with smooth animations. (Base UI)
Native Deletenative-delete-shadcnuiDelete button that expands to show a confirmation button with smooth animations.
Native Dialognative-dialog-baseuiA glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals. (Base UI)
Native Dialognative-dialog-shadcnuiA glassmorphism-styled dialog component with backdrop blur and smooth animations, inspired by native OS modals.
Native Flip Textnative-flip-textText that flips through words with a 3D blur transition.
Native Flip Textnative-flip-text-baseuiText that flips through words with a 3D blur transition. (Base UI)
Native Flip Textnative-flip-text-carbonText that flips through words with a 3D blur transition.
Native Flip Textnative-flip-text-shadcnuiText that flips through words with a 3D blur transition.
Native Follow Cursornative-follow-cursorLabel that smoothly follows the cursor with spring physics and customizable variants.
Native Follow Cursornative-follow-cursor-carbonLabel that smoothly follows the cursor with spring physics and customizable variants.
Native Hover Cardnative-hover-card-baseuiAvatar card that expands on hover to reveal profile information with smooth animations. (Base UI)
Native Hover Cardnative-hover-card-shadcnuiAvatar card that expands on hover to reveal profile information with smooth animations.
Native Image Checkboxnative-image-checkbox-baseuiImage checkbox component with grayscale filter and checkmark indicator. (Base UI)
Native Image Checkboxnative-image-checkbox-carbonImage checkbox component with grayscale filter and checkmark indicator.
Native Image Checkboxnative-image-checkbox-shadcnuiImage checkbox component with grayscale filter and checkmark indicator.
Native Likes Counternative-likes-counter-baseuiAn interactive likes counter with avatar stack, popup details, and smooth animations. (Base UI)
Native Likes Counternative-likes-counter-shadcnuiAn interactive likes counter with avatar stack, popup details, and smooth animations.
Native Liquid Buttonnative-liquid-button-baseuiButton with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions. (Base UI)
Native Liquid Buttonnative-liquid-button-shadcnuiButton with animated liquid fill effect, progress tracking, and multiple visual variants for engaging interactions.
Native Magneticnative-magneticMagnetic wrapper that applies a cursor-following effect to any content.
Native Magneticnative-magnetic-baseuiMagnetic wrapper that applies a cursor-following effect to any content. (Base UI)
Native Magneticnative-magnetic-carbonMagnetic wrapper that applies a cursor-following effect to any content.
Native Magneticnative-magnetic-shadcnuiMagnetic wrapper that applies a cursor-following effect to any content.
Native Morphing Buttonnative-morphing-button-baseuiFloating action button that morphs into a menu of actions. (Base UI)
Native Morphing Buttonnative-morphing-button-carbonFloating action button that morphs into a menu of actions.
Native Morphing Buttonnative-morphing-button-shadcnuiFloating action button that morphs into a menu of actions.
Native Nested Listnative-nested-list-baseuiA nested list component with smooth expand/collapse animations. (Base UI)
Native Nested Listnative-nested-list-shadcnuiA nested list component with smooth expand/collapse animations, perfect for file explorers or navigation menus.
Native Notchnative-notch-baseuiDynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area (Base UI)
Native Notchnative-notch-shadcnuiDynamic Island-inspired notch component with smooth spring animations, draggable physics, and expandable content area
Native Notification Bellnative-notification-bell-baseuiAnimated notification bell with badge and ringing effect. (Base UI)
Native Notification Bellnative-notification-bell-carbonAnimated notification bell with badge and ringing effect.
Native Notification Bellnative-notification-bell-shadcnuiAnimated notification bell with badge and ringing effect.
Native Profile Notchnative-profile-notch-baseuiA dynamic expanding notch component for displaying user profiles with smooth spring animations. (Base UI)
Native Profile Notchnative-profile-notch-shadcnuiA dynamic expanding notch component for displaying user profiles with smooth spring animations.
Native Start Nownative-start-now-baseuiAnimated button with sparkle effects, loading states, and smooth transitions for starting actions. (Base UI)
Native Start Nownative-start-now-shadcnuiAnimated button with sparkle effects, loading states, and smooth transitions for starting actions.
Native Tabsnative-tabs-baseuiA sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations. (Base UI)
Native Tabsnative-tabs-carbonA sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations.
Native Tabsnative-tabs-shadcnuiA sleek tabs component with a smooth sliding background indicator using Framer Motion layout animations.
Native Tooltipnative-tooltip-baseuiA glassmorphism-styled tooltip with smooth spring animations using Framer Motion. (Base UI)
Native Tooltipnative-tooltip-shadcnuiA glassmorphism-styled tooltip with smooth spring animations using Framer Motion.
Native Typewriternative-typewriterTypewriter effect with speed control, looping, and blinking cursor.
Native Typewriternative-typewriter-baseuiTypewriter effect with speed control, looping, and blinking cursor. (Base UI)
Native Typewriternative-typewriter-shadcnuiTypewriter effect with speed control, looping, and blinking cursor.
Native User Cardnative-user-card-baseuiCompact user profile card with avatar, name, handle, and action button with spring animations (Base UI)
Native User Cardnative-user-card-shadcnuiCompact user profile card with avatar, name, handle, and action button with spring animations
Native Verified Badgenative-verified-badge-baseuiVerified badge component with multiple variants, sizes, and styles including outline and shield designs. (Base UI)
Native Verified Badgenative-verified-badge-shadcnuiVerified badge component with multiple variants, sizes, and styles including outline and shield designs.
News Feednews-feed-shadcnuiInteractive news feed with categories, search, and animated cards
Notification Centernotification-center-shadcnuiMulti-variant notification stack with accessible announcements, actions, and motion states
Password Inputpassword-input-shadcnuiPassword input with toggle visibility and strength indicator
Professional Resumeprofessional-resume-baseuiClean, formal resume template suitable for corporate applications (Base UI)
Professional Resumeprofessional-resume-shadcnuiClean, formal resume template suitable for corporate applications
Project Cardproject-card-baseuiGlassmorphism project card with links, tags, and hover effects (Base UI)
Project Cardproject-card-shadcnuiGlassmorphism project card with links, tags, and hover effects
Projects Blockprojects-block-baseuiAnimated project card with hover effects, image zoom, and link buttons (Base UI)
Projects Blockprojects-block-shadcnuiAnimated project card with hover effects, image zoom, and link buttons
Interactive Resume Cardresume-card-baseuiProfessional resume template with animated sections and interactive elements (Base UI)
Interactive Resume Cardresume-card-shadcnuiProfessional resume template with animated sections and interactive elements
Simple Calendarsimple-calendar-shadcnuiCalendar picker with date selection animation
Smart Hover Cardsmart-hover-card-shadcnuiCard that detects cursor direction and reveals content from that side
Social Login Buttonsocial-login-button-baseuiA set of animated social login buttons for major platforms (Github, Google, X, etc.) with various effects. (Base UI)
Social Login Buttonsocial-login-button-shadcnuiA set of animated social login buttons for major platforms (Github, Google, X, etc.) with various effects.
Stacked Card Carouselstacked-card-carousel-shadcnuiThree stacked cards that shift and tilt dynamically on hover
Staggered Dropdownstaggered-dropdown-shadcnuiDropdown menu with staggered item animations
Standard Resumestandard-resume-baseuiA standard, professional resume layout with a sidebar, suitable for most industries. (Base UI)
Standard Resumestandard-resume-shadcnuiA standard, professional resume layout with a sidebar, suitable for most industries.
Synced Lyric Captionssynced-lyric-captions-shadcnuiBottom-to-top timed captions with play/pause controls and optional audio sync for songs or voiceovers.
Theater Tickettheater-ticket-baseuiCinematic theater ticket with rip effect and barcode (Base UI)
Theater Tickettheater-ticket-shadcnuiCinematic theater ticket with rip effect and barcode
Volume Componentvolume-component-shadcnuiA smooth, draggable volume slider component with framer-motion animations and shadcn styling.
Weather Dashboardweather-dashboard-shadcnuiImmersive weather dashboard with hourly charting, weekly outlook, and live air-quality alerts
Web Performance Pageweb-performance-page-shadcnuiReal-time analysis of web vitals and performance metrics
Wizard Formwizard-form-shadcnuiMulti-step wizard form with animated transitions, validation, and progress tracking