AI Prompt Library
Ready-to-use prompts for HTML, React, 3D scroll animations, and more. Every thumbnail below is a live render of the exact code behind it — copy the prompt into any AI to get that same result.
Chat Bubble List with Tails
Build a messaging thread with left-aligned (received) and right-aligned (sent) chat bubbles, each with a small triangular tail, timestamps below each group, and different bubble colors for sent vs received.
Typing Indicator Dots
Create a chat 'typing...' indicator with three small dots inside a bubble that bounce up and down in a staggered sequence, looping continuously.
Message Read-Receipt Ticks
Build sent-message checkmark indicators that show a single grey tick for 'sent', double grey ticks for 'delivered', and double blue ticks for 'read', transitioning color smoothly between states.
Contact List with Online Dot
Create a chat contact list where each row has an avatar with a small green online-status dot in the corner, name, last message preview, and unread-count badge on the right.
Voice Message Waveform Bubble
Build a voice-message chat bubble containing a play button, a static waveform bar visualization, and a duration label, with the waveform bars highlighting progressively as playback advances.
Swipe-to-Reply Message Row
Create a chat message row that reveals a reply icon and slightly shifts the bubble to the side as the user swipes/drags it horizontally, snapping back when released.