KNOT CHAT

UI COMPONENTS LIBRARY

Theme:

Buttons
Primary CTA (with breath animation)
Ghost / Secondary
Disabled State
Inline Buttons
Form Inputs
Text Input (default)
Input with Focus State
Phone Number with Country Code
+86β–Ύ
SMS Code with Send Button
Chat Input Bar
Textarea
Password with Strength Meter
Toggles & Switches
Hide Position
Night Mode
Translate
English
Gender & Age Selection
Gender Cards
I am a Boy
I am a Girl
Age Range
Under 18
18 – 23
23+
Label Tags
Selected (active)
boredΓ—musicΓ—curiousΓ—
Default (inactive)
alonelonelygameNSFWpetstudy
VIP / SVIP Badges
VIPSVIP● online
Partner Info Card
Connected (with VIP + labels)
πŸ‡ΈπŸ‡¬
StrangerVIP
Connected Β· Singapore
Female
18-23
Asia
curiousmusic
Disconnected (no VIP, no labels)
πŸ‡¨πŸ‡³
Stranger
Disconnected Β· China
Male
23+
Chat Bubbles
Hey! Where are you from? 😊
Hi! I'm from Hong Kong, nice to meet you~
Cool! I love HK, the night views are amazing ✨
0:05
I love indie and lo-fi! 🎡
ζˆ‘ε–œζ¬’η‹¬η«‹ιŸ³δΉε’Œ Lo-fi！(Translated)
Partner has left the chat.
Navigation Bar
Default (no menu)
Knot Chat
www.knot.chat
Find
Typing State
Typing...
www.knot.chat
With Menu (click left icon to open)
Knot Chat
www.knot.chat
Find
Home
Features
Anonymous Chat
Random Chat
Gender Filter (VIP)
Blog
Support
user_abc123GUEST
Tap to copy ID
Theme
Action Sheet
Leave Confirmation
Report User
Loading States
Full Overlay Loading
Loading...
Connecting Dots
Pairing Spinner
Standalone Spinner
Matching...
Modal
Settings Panel
My Labels:boredΓ—musicΓ—+
VIP Mode:Gender Filter: ON18 – 23
VIP allows you to only match with the opposite sex.
VIP Mode:Buy VIP?