UX PATTERN
Call to Action
For those who needs a little push when taking decisions. Interfaces should give the exact information needed to close a purchase. Usually seen on pricing, sign-up, paywalls and checkouts pages.
397. Modal with Card Options
397. Modal with Card Options
Modal
393. Colored Checkboxes
393. Colored Checkboxes
IllustrationCheckbox
390. Icon Software Landing Page
390. Icon Software Landing Page
NavbarFooterHypertext
389. Text Edit Inline Input
389. Text Edit Inline Input
Input FieldHypertextModal
388. Multiple Item Selection Drag & Drop
388. Multiple Item Selection Drag & Drop
SelectionDrag & Drop
378. Modal Blackout with Animation
378. Modal Blackout with Animation
ModalHypertextAnimation & Video
359. Discord - Button to Input Transition
359. Discord - Button to Input Transition
Input FieldHypertext
356. MetaMap - Multi-Layout Topbar Menu
356. MetaMap - Multi-Layout Topbar Menu
NavbarDropdown Menu
355. Jira - Feature Presentation Tooltip
355. Jira - Feature Presentation Tooltip
TooltipHypertextPagination
353. Population Pyramid - Visualizations with live filters
353. Population Pyramid - Visualizations with live filters
GraphAnimation & VideoFiltersDropdown Menu
357. Modal with Steps (No blackout)
357. Modal with Steps (No blackout)
ModalAnimation & Video
343. Behance - Login with Code Validation 
343. Behance - Login with Code Validation
Input FieldHypertextPagination
339. Asana - Platform Onboarding Simulator
339. Asana - Platform Onboarding Simulator
Input FieldPaginationAnimation & VideoHypertext
334. MercadoLibre - Call to Action Trigger Effect
334. MercadoLibre - Call to Action Trigger Effect
325. Apple - Drag & Drop Slots
325. Apple - Drag & Drop Slots
324. Visual Studio Code - Dual View Scroll Sync
324. Visual Studio Code - Dual View Scroll Sync
319. Wordpress - Delete Confirmation with Name
319. Wordpress - Delete Confirmation with Name
318. Binance - Tooltip on Features
318. Binance - Tooltip on Features
310. HubSpot - Checkbox Confirmation
310. HubSpot - Checkbox Confirmation
305. Notion - App Download Page
305. Notion - App Download Page
305. Button Combo for App Download
305. Button Combo for App Download
295. “NEW” Badge on Menu Items_00.42.51/w=1920,quality=90,fit=scale-down)
295. “NEW” Badge on Menu Items
NavbarNotification BadgeHypertext
291. Action Menu from Button
291. Action Menu from Button
289. Floating Popover on Click
289. Floating Popover on Click
275. Popover on Hover_07.10.33_p._m..png&w=1920&q=90)
275. Popover on Hover
Tooltip
256. Modal Blackout with Steps & Forms
256. Modal Blackout with Steps & Forms
243. GIPHY - Trim Video Slicers
243. GIPHY - Trim Video Slicers
Animation & VideoSelectionDrag & Drop
240. Instagram - Horizontal Accordion
240. Instagram - Horizontal Accordion
235. Background Animation on Hover
235. Background Animation on Hover
Animation & VideoHypertext
232. Drag & Drop to Browser
232. Drag & Drop to Browser
223. Apple - Stop Operation Progress
223. Apple - Stop Operation Progress
218. Apple Keynote - Template Format Selection
218. Apple Keynote - Template Format Selection
222. Floating Banner on User Input_16.00.46/w=1920,quality=90,fit=scale-down)
222. Floating Banner on User Input
Banner
212. Automatic Background Animation 
212. Automatic Background Animation
Animation & VideoLoaderHypertext
172. PedidosYa - Search Results Recommendation_00.32.31/w=1920,quality=90,fit=scale-down)
172. PedidosYa - Search Results Recommendation
Tooltip
162. Login Value Compare
162. Login Value Compare
165. Two-step Download Flow
165. Two-step Download Flow
201. Modal Blackout with Actions
201. Modal Blackout with Actions
ModalHypertext
111. Magazine Subscription
111. Magazine Subscription
181. Plan Upgrade Flow
181. Plan Upgrade Flow
144. Meeting Guest Warning_15.24.08/w=1920,quality=90,fit=scale-down)
144. Meeting Guest Warning
130. Animated Email Page
130. Animated Email Page
Animation & VideoHypertext
198. Take action on Music Claims
198. Take action on Music Claims
56. Automatic Blackout Popover with Steps
56. Automatic Blackout Popover with Steps
145. Suscription Options_16.25.05/w=1920,quality=90,fit=scale-down)
145. Suscription Options
149. Security Top-banner_18.38.44/w=1920,quality=90,fit=scale-down)
149. Security Top-banner
139. Synced Hover Animations
139. Synced Hover Animations
HypertextGraph
131. Free Audiobook Trial_12.02.51_p._m..png&w=1920&q=90)
131. Free Audiobook Trial
103. Subscription Reminder
103. Subscription Reminder
10. Background Ads_07.31.59_p._m..png&w=1920&q=90)
10. Background Ads
36. Contact Segmentation_04.18.47_p._m..png&w=1920&q=90)
36. Contact Segmentation
96. Encouraging Allowing Ads_06.06.59_p._m..png&w=1920&q=90)
96. Encouraging Allowing Ads
176. Wordpress.com - Natural Inputs with Suggestions
176. Wordpress.com - Natural Inputs with Suggestions
79. Out of downloads_10.13.56_p._m..png&w=1920&q=90)
79. Out of downloads
190. Ask Email for Playing Video
190. Ask Email for Playing Video
129. PDF Show & Download_21.22.04/w=1920,quality=90,fit=scale-down)
129. PDF Show & Download
86. Table Column Slicer
86. Table Column Slicer
118. Whereby - Pricing Step on Sign Up_06.19.15_p._m..png&w=1920&q=90)
118. Whereby - Pricing Step on Sign Up
57. IDF - Encouraging Newsletter Sign-up_01.22.20_a._m..png&w=1920&q=90)
57. IDF - Encouraging Newsletter Sign-up
98. Features on Signing-up_07.32.46_p._m..png&w=1920&q=90)
98. Features on Signing-up
126. WeTransfer - In-front Site Terms_16.08.33/w=1920,quality=90,fit=scale-down)
126. WeTransfer - In-front Site Terms
196. Video Story on Website
196. Video Story on Website
23. Suscription gimmicks
23. Suscription gimmicks
35. Do Not Leave Popup_04.17.01_p._m..png&w=1920&q=90)
35. Do Not Leave Popup
172. Contextual Popup for Service Upgrade
172. Contextual Popup for Service Upgrade
166. Confetti Explosion
166. Confetti Explosion
ModalHypertextAnimation & VideoIllustration
33. Incremental pricing
33. Incremental pricing
143. Platform Sign-in/up_15.27.52/w=1920,quality=90,fit=scale-down)
143. Platform Sign-in/up
117. 3-tier Pricing Comparison_06.14.20_p._m..png&w=1920&q=90)
117. 3-tier Pricing Comparison
34. Premium gimmicks
34. Premium gimmicks
180. Dedicated Screen for Action Confirmation
180. Dedicated Screen for Action Confirmation
16. Double Account Entrance
16. Double Account Entrance