Design reference index · 22/27
2153 source-linked definitions with individual URLs. JavaScript is not required to browse these documents.
Try 379 interactive reference cards
Resize Handle
A control point on a boundary edge or corner for resizing.
Rotation Handle
A dedicated handle for manipulating rotation direction and angle.
Anchor Point
A reference point used to position or connect an element.
Bezier Handle
A control handle adjusting the direction and curvature of a Bézier curve.
Tangent Handle
A control adjusting a curve's slope and influence at a particular point.
Spline Control Point
A point determining the shape of a curve or path.
Normal Handle
A handle indicating or manipulating the direction perpendicular to a surface.
Radius Handle
A control adjusting the radius of a circle, sphere, or influence region.
Falloff Handle
A control adjusting the region over which an effect's strength decreases.
Brush Cursor
A preview of the position, size, and shape affected by an editing brush.
Vertex Snapping
Aligning a point with a vertex of a target mesh.
Edge Snapping
Aligning an object with an edge of another shape.
Smart Guides
Guides that automatically reveal alignment relationships during manipulation.
Ruler Guide
A reference or measurement guide placed at a specified location.
Viewport Gizmo
A transformation, navigation, or editing aid within a viewport.
View Cube
A cube-shaped control for choosing views such as front, side, and top.
Orientation Gizmo
An indicator showing the coordinate axes' directions in the current view.
Axis Helper
A helper graphic visualizing the axes of a scene or object.
Grid Helper
A helper displaying a grid and scale reference on a floor or plane.
Camera Frustum
The three-dimensional volume defining the limits of what a camera can see.
Light Helper
A helper visualizing a light's direction, range, or cone.
Collider Visualization
A display of shapes used for physical collision detection.
Hitbox Visualization
A display of regions used to detect attacks or other hits.
Hurtbox Visualization
A display of target regions that can receive attacks.
NavMesh Visualization
A display of the surfaces and connections available for AI navigation.
Debug Ray
A line visualizing a query direction or ray-based test.
Debug Draw
A diagnostic feature temporarily drawing lines, points, text, or shapes.
Wireframe Overlay
An overlay showing the edge structure of a mesh.
Measurement Tool
An editing tool measuring and displaying distances, angles, or lengths.
Pick Ray
A ray projected into space from a screen input position to select an object.
Animation
A visual change in properties over time or in response to input progress.
Motion Design
Designing the purpose, relationships, sequence, and speed of movement.
Tween
Changing values by calculating intermediate states between a start and an end.
Keyframe
A reference frame specifying property values at a particular time.
Duration
The time taken by one animation or a particular segment.
Delay
The interval between a trigger and the actual start of playback.
Linear Easing
Easing in which a value changes at a constant rate relative to progress.
Ease-in
A change that starts slowly and accelerates.
Ease-out
A change that starts quickly and slows toward the end.
Ease-in-out
A change that is slower at the beginning and end and faster in the middle.
Cubic Bézier Easing
Defining an easing curve through cubic Bézier control points.
Steps Easing
Changing values in discrete steps rather than continuously.
Stiffness
The strength with which a spring returns toward its rest state after displacement.
Damping
The degree to which oscillation or velocity decreases over time.
Mass
A value controlling the inertial characteristics of spring motion.
Overshoot
Movement that briefly passes its target before settling back.
Undershoot
A slight movement opposite the intended direction before the main motion begins.
Bounce Easing
An easing pattern suggesting rebounds after contact with a surface.
Elastic Easing
An elastic easing pattern oscillating around a target with decreasing amplitude.
Damped Oscillation
Oscillation whose amplitude decreases over time.
Fade-in
Gradually appearing by increasing opacity.
Fade-out
Gradually disappearing by decreasing opacity.
Slide-in
Entering from outside the screen or from another position.
Slide-out
Exiting while moving in a particular direction.
Rotation Animation
Animation that changes an element's angle.
Translation Animation
Animation that continuously changes an element's position.
Skew Animation
Animation that slants a shape's coordinate axes.
Card Flip Animation
Rotation making a card or panel appear to turn from its front to its back.
Path Morphing
Transitioning between vector paths by changing their points and curves.
Clip Reveal
Revealing content by enlarging the region visible through a clipping boundary.
Mask Reveal
An entrance effect controlling visibility by changing a mask.
Wipe Transition
A transition revealing a new scene as a boundary sweeps across it.
Stroke Draw
An effect making a line appear to be drawn along a path.
Blur Transition
A transition changing the amount of blur between states.
Color Transition
Gradually changing color by interpolating color values.
Gradient Animation
Changing a gradient's position, angle, or colors over time.
Typewriter Effect
Revealing characters in sequence to suggest typing.
Page Transition
The visual change when navigating from one page to another.
Hero Transition
A name for a transition linking a prominent element across screens.
Container Transform
A transition transforming a small container into a larger one holding different content.
Layout Animation
Animating differences in position or size before and after a layout change.
FLIP Layout Animation
A layout technique measuring before and after positions, applying an inverse transform, then animating to the final state.
Accordion Expansion
Motion changing height or visible area as collapsed content is revealed.
Drawer Transition
A transition moving a side panel into or out of view.
Bottom Sheet Transition
Motion expressing a bottom panel's entrance, height change, or exit.
Modal Transition
Motion expressing a dialog's entrance or exit and changes to its backdrop.
Tab Indicator Motion
Movement of an underline, background, or other selected-tab marker.
List Reorder Animation
Motion showing items moving into new positions after reordering.
Expand / Collapse Motion
Motion changing an area's size or the amount of content revealed.
Master-detail Transition
A transition showing the relationship between a collection and a selected item's details.