UI PATTERN
Hypertext Links
Interactive elements for hypertext links for user taking action and connecting information.
Desktop
3 views
Desktop
Tablet
Mobile
392. SaaS for Construction Workers
392. SaaS for Construction Workers
390. Icon Software Landing Page
390. Icon Software Landing Page
389. Text Edit Inline Input
389. Text Edit Inline Input
378. Modal Blackout with Animation
378. Modal Blackout with Animation
363. Better History - Back to Top on scroll
363. Better History - Back to Top on scroll
361. WhatsApp - Progress Bar Loading
361. WhatsApp - Progress Bar Loading
359. Discord - Button to Input Transition
359. Discord - Button to Input Transition
355. Jira - Feature Presentation Tooltip
355. Jira - Feature Presentation Tooltip
349. HubSpot - Toggle High Contrast
349. HubSpot - Toggle High Contrast
359. Toggle List/Grid View 
359. Toggle List/Grid View
343. Behance - Login with Code Validation 
343. Behance - Login with Code Validation
339. Asana - Platform Onboarding Simulator
339. Asana - Platform Onboarding Simulator
345. Vertical Accordion for FAQs
345. Vertical Accordion for FAQs
336. Floating Popover on Click
336. Floating Popover on Click
315. Signal - PIN Reminder
315. Signal - PIN Reminder
295. “NEW” Badge on Menu Items_00.42.51/w=1920,quality=90,fit=scale-down)
295. “NEW” Badge on Menu Items
268. GIPHY - Alert on Drag & Drop
268. GIPHY - Alert on Drag & Drop
259. Squarespace - Multi-depth Sidebar Navigation
259. Squarespace - Multi-depth Sidebar Navigation
258. Squarespace - Adaptable Viewport Size
258. Squarespace - Adaptable Viewport Size
235. Background Animation on Hover
235. Background Animation on Hover
241. Modal Blackout with Steps
241. Modal Blackout with Steps
231. Automatic Floating Popover with Steps
231. Automatic Floating Popover with Steps
229. Top Banner for Design Changes_15.12.59/w=1920,quality=90,fit=scale-down)
229. Top Banner for Design Changes
228. Notification Bell Status
228. Notification Bell Status
212. Automatic Background Animation 
212. Automatic Background Animation
101. Downloading Desktop App_11.28.04_a._m..png&w=1920&q=90)
_11.28.04_a._m..png&w=1920&q=90)
101. Downloading Desktop App
5. Website Promotional Top Banners
5. Website Promotional Top Banners
95. Delete Confirmation with Name_02.02.36_p._m..png&w=1920&q=90)
_02.02.36_p._m..png&w=1920&q=90)
95. Delete Confirmation with Name
199. Sidebar Emptystate_12.03.02/w=1920,quality=90,fit=scale-down)
199. Sidebar Emptystate
201. Modal Blackout with Actions
201. Modal Blackout with Actions
189. Illustration (Meme) on Empty State_10.03.52/w=1920,quality=90,fit=scale-down)
189. Illustration (Meme) on Empty State
130. Animated Email Page
130. Animated Email Page
132. Amazon - Store Tooltip Reminders
132. Amazon - Store Tooltip Reminders
164. Static Tooltip on Menu
164. Static Tooltip on Menu
42. Browser Status Banner for Pages_06.23.32_p._m..png&w=1920&q=90)
_06.23.32_p._m..png&w=1920&q=90)
42. Browser Status Banner for Pages
139. Synced Hover Animations
139. Synced Hover Animations
145. Communication Preferences on Sign Up Flow_22.41.58/w=1920,quality=90,fit=scale-down)
145. Communication Preferences on Sign Up Flow
173. Share Invitation to Live Movie
173. Share Invitation to Live Movie
94. Top Primary Banner_01.19.43_p._m..png&w=1920&q=90)
_01.19.43_p._m..png&w=1920&q=90)
94. Top Primary Banner
166. Confetti Explosion
166. Confetti Explosion
188. Trello - Color shapes for Colour-blind
188. Trello - Color shapes for Colour-blind