Terms Categories Fonts Components UX Psychology ⚡ Skills ✦ Remix Workspace

142 terms

You don't need to know the word
to find what you mean.

Browse below — we show you the term designers use, plus the words you might be thinking.

Loading dictionary…

Master the language of UI/UX design.

Learn

All Terms
UX Psychology

Browse

Terms
Fonts
Components

Build

Claude Code Skills
Remix
Workspace

Company

About
Pricing
Request a Term
Terms of Service
Privacy Policy

© 2026 Radii. Built for designers who write code and developers who design.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

3

3D Transform3D card flipCSS 3Dcard flipperspective effectrotate 3D3D CSS effect

A

Accordionexpand collapseshow hide sectioncollapsible contentfaq styletoggleable section Active Stateclicked statepressed lookbutton pressactive buttonbeing clicked Alignmentlining things upedges lined upgrid alignmentstraight linethings not aligned Animationmoving elementcss animationanimatedmotionelement moves Aspect Ratioimage ratio16:9width to height ratiosquare imagewidescreenportrait landscape Aurora Backgroundgradient meshcolorful backgroundaurora effectneon glow backgroundAI landing page backgroundVercel gradient Avataruser photoprofile pictureuser avatarprofile imageuser icon Avatar Animation

B

Background Colorbackgroundfill colorelement backgroundbg colorcard background Badgenotification badgecounter badgestatus badgetag badgenumber on icon Bento Gridgrid of boxesmosaic layoutdashboard layoutbox gridApple grid layout Blur Effectblurry backgroundfrosted glassbackground blurout of focusblur background Borderoutlineedge linestrokeelement borderbox outlineline around Border Radiusrounded cornersrounded edgespill shapesoft edgescurved cornersround corners Bottom Sheetslide up panelbottom drawerbottom panelswipe up menupull up sheet Box Shadowshadowdrop shadowdepth3D effectraised lookelement shadow Brand Colorbrand identity colorprimary colorlogo colorcompany colorbrand blue Breadcrumbnavigation pathwhere am Ipage trailnav trailyou are here Button Designhow to design a buttonbutton styleCTA designclick targetbutton look Button Statesbutton hoverbutton clickbutton disabledinteractive buttonbutton feedback

C

Call to ActionCTAbutton promptsign up buttonaction buttonwhat to clicknext step button Card Layoutcard designcontent cardbox layoutinfo cardtile design Color Blindnessaccessible colorscolor accessibilitycolor visioncolorblind safecolor deficiency Color Contrastreadabilityvisibilitytext legibilitydark text on lightaccessible colorcan barely read Color MixCSS color blendmix two colorsdynamic colorcolor interpolationcolor blend function Color Mode Toggledark mode switchtheme switcherlight dark toggledark mode buttontheme button Color Palettecolor schemebrand colorscolor setcolor choicescolor system Color Temperaturewarm colorcool colorwarm vs coolblue vs orange tonescold warm palette Color Theoryhow colors workcomplementary colorscolor wheelcolor relationshipscolor combinations Container Queryresponsive componentcomponent breakpointparent size responsiveself-aware componentCSS container Container Widthmax widthcontent widthpage widthmax container sizecenter content Context Menuright click menulong press menuoptions menuright clickcontextual menu CSS Filterimage filtercss filtercolor tintvisual filterphoto effect CSS Gridgridcolumns and rowscss gridtwo-dimensional layoutpage grid Cursor Designcustom cursorcursor effectmagnetic cursorcursor followerfancy cursorcursor animation

D

Dark Modedark themenight modeblack backgrounddark UIdark version Depth Cue3D looksense of depthflat vs 3Dvisual depthlayered look Disabled Stategrayed outinactive buttonnot clickabledisabled buttonunavailable Dividerhorizontal linesection separatordivider linehr elementseparator Drag and Dropdraggabledrag to reordersortable listdrag interfacedrag and move Dropdowndropdown menuselect menupick from listdropdown listselect box

E

Elevationraisedfloatingdepthshadow levelz-order lookcard floating Empty Stateno resultsnothing hereblank stateempty screenno content yet Error Stateerror messagesomething went wrongform errorinvalid inputred error

F

Flexboxflexible layoutrow and column layoutflex containerstretch itemscss flex Floating Action ButtonFABbig round buttonfloating buttonadd button floatingplus button floating Focus Visiblekeyboard focusfocus ringfocused elementtab focusfocus outline Font Pairingmatching fontsfont combinationtwo fonts togetherheading and body fontpair fonts Font Sizetext sizehow big is the texttype sizetext large smallheading size Font Stackfallback fontssystem fontsfont fallback listbackup fontfont family Font Weightboldtext thicknesshow thick the letters arelight vs boldheavy font Form Layoutform designinput fields layoutsign up formcontact formform arrangement

G

Gapspace betweengutterdistance between itemsgrid gapspace between boxes Generative UIAI layoutdynamic layoutadaptive interfaceAI generated designprocedural UIsmart layout Gestalt Principleshow we see groupsvisual groupingrelated elementspattern recognitionwhy things look grouped Glassmorphismglass effectfrosted glassblur with transparencyglass UIglass card Golden Ratioperfect proportions1618natural proportionsdesign ratioproportion rule Gradientcolor fadetwo color blendcolor transitionombregradient background Grain Texturenoise overlayfilm graintexture backgroundgrainy backgroundrough texturenoisy gradient Grid Systemcolumn grid12 columnlayout griddesign gridcolumn structure

H

Hero Animationanimated heromoving backgroundfloating shapesblob animationparticle backgroundanimated landing Hero Sectionbig header areatop of pagelanding page headerhero bannerfirst screen Hover Stateon hovermouse overhighlight on hoverhover effectmouse hover

I

Icon Designiconsicon styleapp iconssymbol designicon set Infinite Scrollendless scrollload more on scrollcontinuous feedlazy load scrollnever ending list Input Fieldtext inputform fieldtext boxinput boxtype here

K

Kinetic Typographyanimated textmoving texttypewriter effecttext animationtext revealanimated letters

L

Label Designform labelinput labelfield labellabel above input Letter Spacingtrackingspace between letterscharacter spacingtight letterswide letters Line Heightline spacingspace between linesleadingtext breathing roomtight lines Liquid GlassApple glass effectvisionOS styledeep frosted glassfluid glass UIadvanced glassmorphism Loading Stateloading screenplease waitspinnerloading animationwaiting for data Lottie Animationafter effects animationjson animationvector animationanimated iconlottie file

M

Marginouter spacespace between elementsoutside gapelement spacingoffset Mascot Animation Micro-interactionssmall animationssubtle feedbackbutton feedbacktiny animationsmall reactions Mobile Firstdesign for phone firstmobile designsmall screen firstresponsive strategy Modalpopupdialog boxoverlay popuplightboxpopup window Monospacecode fontfixed width fonttypewriter fontmono fontcode text Motion Designanimation designmoving UIanimated interfaceUI motionUI animation Motion Pathelement on pathcurved animationSVG path animationobject travels along curveoffset-path

N

Navigation Designnav barmenu designsite navigationnav menutop navigation Negative Spaceempty areasurrounding spaceblank around contentair in design

O

Onboarding Flowgetting startedwelcome screenfirst time experiencetutorial flowsetup steps Opacitytransparencysee-throughfadeghosttranslucentsemi-transparent Optical Alignmentvisual centeringvisually balancedoptically centerednot quite centered Optimistic UIinstant feedbackimmediate responsefast UIhopeful updateTwitter like effectinstant like Outlinefocus ringelement highlightaccessibility borderselection outline Overflowcontent that spills outscrollable areaclipped contenthidden overflow Overlaylayer on topmodal backdropdark coversemi-transparent layerdimmed background

P

Paddinginner spacebreathing roominside spacingcontent gapinner padding Paginationpage numbersnext pageprevious pagepage navigationpage 1 2 3 Parallax Scrollingscroll depth effectlayered scrollingbackground scroll3D scrolldepth on scroll Photography in UIphoto framingrule of thirdsphoto layoutimage compositionhow to frame photo Placeholder Textinput hintgray text in inputexample text in formhelper text in field Progress Barloading barprogress indicatorhow much is donepercent completeprogress track Progress Indicatorstep indicatorsteps progresshow many stepsprogress trackerwizard steps Proximitygrouping elementsrelated items togetherthings close togethervisual grouping Pulse Animationpulsingbreathing animationblinking elementpulse effectglowing pulse

R

Readabilityeasy to readlegibilitycomfortable to readreading comforthard to read Responsive Designworks on all screensmobile friendlyadaptive layoutbreakpointsdesktop and mobile Responsive Typographyfont size on mobilescaling textfluid typeadaptive text sizetext changes size

S

Scroll Behaviorsmooth scrollscroll animationscroll effectpage scrollscroll to top Scroll Progress Indicatorreading progress barpage progressscroll bar topreading indicatorhow far scrolled Scroll Snapsnap scrollingscroll to sectionpage snapsticky scrollsection snapping Scroll Storytellingscroll narrativestory on scrollApple scroll effectscroll reveal storycinematic scroll Scroll-Driven Animationanimation on scrollscroll triggered animationscroll activatedCSS scroll animationscroll timeline Searchsearch barsearch inputsearch boxfind functionalitysearch field Semantic Colorcolor meaningred for errorgreen for successstatus colorscolor signals Shimmer Effectloading skeletonshimmer loaderplaceholder animationloading flashloading shine Sidebar Layoutsidebar navigationside panelleft navside menupanel on side Skeleton Loadercontent placeholdergray placeholderloading placeholdercontent loadinggray boxes loading Snackbarbottom notificationtoast messagebrief alertaction notificationbottom popup Spacing Systemspacing scaleconsistent spacingspacing grid8pt systemspace rules Spinnerloading spinnerloading circlewait indicatorprogress spinnerloading wheel Split Screentwo column layoutside by sidedual panelhalf and halfsplit layout Spring Animationbouncy animationelastic motionphysics animationnatural bouncespringy effect Stagger Effectcascade animationwave animationone by one animationsequential entrancelist animation Sticky Elementsticky headerfixed on scrollstays in placepinned elementelement that follows Success Statesuccess messagedonecheckmarkcompleted stategreen success Swipe Gestureswipeswipe left rightswipe to dismissmobile swipetouch swipe

T

Table Designdata tablespreadsheet lookrows and columnslist tabledata grid Tabstab navigationtab bartabbed interfaceswitching sectionstabs at top Taglabel tagfilter tagchiptag elementpill tag Text Alignmentleft aligncenter textright aligntext directionjustify text Text Overflowtext cut offellipsistext too longtruncated textthree dots end Text Transformuppercase letterslowercaseall capscapitalizeALL CAPS Tint & Shadelighter colordarker colorcolor variationpastel vs darklight dark version Toast Notificationpopup notificationalert messagenotification toastpop-up alertbrief popup Tooltiptooltiphover hintinfo popuphover textinfo on hover Transformrotatescaleskewmove elementcss transformflip element Transitionsmooth changeanimate between statesfade insmooth transitionease Type Scalefont size systemheading sizessize hierarchytypographic scaleheading levels

V

Variable Fontanimated font weightflexible fontsingle font filefont axisfont variationweight animation View Transitionpage transition animationsmooth page changeanimated navigationroute transitionmorphing pages Visual Floweye movementreading orderwhere the eye goesvisual pathhow eyes move Visual Hierarchyimportancesize orderwhat stands outvisual prioritybig vs small text Visual Weighthow heavy something looksvisual balanceheavy vs light elementselement importance

W

Whitespaceempty spaceblank spacebreathing roomminimalismnegative areaclean design Word Breakline breaktext wrappingwhere words splithyphenationlong word split

Z

Z-Indexlayer orderon top ofstacking orderwhich element is in frontoverlap order