JoUI Collection
A curated collection of UI components and design patterns. Explore interactive elements and modern design solutions.
Showcase
Interactive media stack board with drag-and-drop functionality for organizing images, GIFs, and videos.
Creating image made with Rive animation.
Interactive animated icons created with Rive.
Interactive chat input interface inspired by Telegram iOS app.
Interactive scrollbar.
Interactive search interface inspired by iOS search.
Interactive input field inspired by OpenAI DevDay 2025.
Interactive invitation card using CSS clip-path for layered effect.
Interactive image stack selector with drag and selection functionality.
Image stack entrance animation.
Interactive AI reasoning interface with streaming text and collapsible thinking process. Crafted during my time at LovinBot AI.
Smooth input field with message transitions and layout animations.
Interactive morphing button that transforms into a map view with smooth layout animations and custom styling.
Interactive QR code button
Versatile dynamic island component with smooth animations and expandable states inspired by iOS Dynamic Island.
Minimalist project progress card.
Interactive project progress dashboard with animated statistics, time distribution tracking, and team performance visualization.
Interactive liquid glass effect with real-time customization controls for opacity, blur, distortion, and iridescence.
Interactive swipeable stack cards with 3D rotation effects and drag-to-dismiss functionality.
Interactive stacked cards displaying running statistics with smooth 3D animations.
Interactive custom cursor with hover effects and smooth animations that transforms on target interaction.
Interactive button with gooey effect using SVG filters and smooth animations.