Thanh Dat Nguyen

Frontend Developer

JoUI Collection

A curated collection of UI components and design patterns. Explore interactive elements and modern design solutions.

Showcase

Inspiration Board

Interactive media stack board with drag-and-drop functionality for organizing images, GIFs, and videos.

Creating Image

Creating image made with Rive animation.

Animated Icons

Interactive animated icons created with Rive.

Telegram Chat UI

Interactive chat input interface inspired by Telegram iOS app.

Scrollbar Island

Interactive scrollbar.

Expandable Search

Interactive search interface inspired by iOS search.

Smart Input

Interactive input field inspired by OpenAI DevDay 2025.

Invitation Card

Interactive invitation card using CSS clip-path for layered effect.

Image Stack Selector

Interactive image stack selector with drag and selection functionality.

Image Stack

Image stack entrance animation.

AI Reasoning

Interactive AI reasoning interface with streaming text and collapsible thinking process. Crafted during my time at LovinBot AI.

Input Animation

Smooth input field with message transitions and layout animations.

Morph Map Button

Interactive morphing button that transforms into a map view with smooth layout animations and custom styling.

Morph QR Button

Interactive QR code button

Dynamic Island

Versatile dynamic island component with smooth animations and expandable states inspired by iOS Dynamic Island.

Project Progress Mini

Minimalist project progress card.

Project Progress

Interactive project progress dashboard with animated statistics, time distribution tracking, and team performance visualization.

Liquid Glass

Interactive liquid glass effect with real-time customization controls for opacity, blur, distortion, and iridescence.

Stack Cards

Interactive swipeable stack cards with 3D rotation effects and drag-to-dismiss functionality.

Stat Stacks

Interactive stacked cards displaying running statistics with smooth 3D animations.

Custom Cursor

Interactive custom cursor with hover effects and smooth animations that transforms on target interaction.

Gooey Button

Interactive button with gooey effect using SVG filters and smooth animations.