⚡850+ Effects • Copy & Paste Ready Prompts! ⚡ Team44 apps on Base44 👀
Last updated Aug 31, 2026

Hover & Learn

Learn UI/UX terminology - click any term to learn what it's called and when to use it

🎓 Teachable Moments

Ever wondered what that little icon box is called? Or what's the difference between a Modal and a Drawer? This page teaches you the proper terminology for all UI elements!

About Icon Badges: Those small square icons with rounded corners you see on the Home page cards (like the Eye icon for Visual Effects) are called Icon Badges. They're used to visually represent categories at a glance!

Card

Modal

Drawer

Accordion

Panel

Tabs

Breadcrumb

Navbar

Sidebar

Pagination

Input Field

Textarea

Checkbox

Radio Button

Toggle Switch

Dropdown/Select

Slider

Date Picker

Toast

Tooltip

Progress Bar

Spinner/Loader

Skeleton

Alert/Banner

Badge

Icon Badge

Avatar

Chip/Tag

Divider

Button

Icon Button

FAB (Floating Action Button)

Link

Menu

Support us
Buy me a coffee
base44
Edit with Base44