Design reference index · 26/27
2153 source-linked definitions with individual URLs. JavaScript is not required to browse these documents.
Try 379 interactive reference cards
GPU Particles
Particle simulation performed primarily on the GPU.
VFX LOD
Reducing effect complexity according to distance, importance, or similar criteria.
Effect Culling
Skipping rendering or computation for invisible or low-priority effects.
Particle Bounds
The spatial boundary within which an effect is expected to exist.
Scalability Settings
A system adjusting particle counts, resolution, or effects according to device capability and quality settings.
Effect Pooling
Reusing effect instances rather than destroying and recreating them.
Warm-up Cost
The processing cost of initially preparing, compiling, or creating an effect.
Shader Variant
A shader-program version generated for a particular feature or setting combination.
Transparent Sorting
Ordering translucent elements so they are drawn in an appropriate sequence.
Simulation Cache
Stored simulation results that can be reused or played back.
Effect Budget
Limits on simultaneous effects, processing time, memory, or screen coverage.
Gameplay Readability
How quickly a player can understand hazards, areas, states, and outcomes during play.
Effect Breakdown
Analyzing a completed effect by its shapes, timing, materials, and layers.
VFX Flipbook Baking
Saving simulation or rendered results as an image sequence or texture sheet.
Material Symbols
Google's symbol system with adjustable fill, weight, grade, and optical size.
SF Symbols
A symbol library designed to integrate with Apple-platform typography and interfaces.
Bootstrap Icons
An interface icon library that can also be used independently of Bootstrap.
Remix Icon
An icon set representing functions in outline and filled forms.
Simple Icons
A collection of predominantly monochrome SVG icons identifying brands and services.
React Icons
A package exposing multiple icon sets as React components.
Game-icons.net
An asset website for game-themed icons such as abilities, weapons, and status effects.
QtAwesome
A Python tool using icon fonts as Qt icons.
Tween.js
A tweening tool interpolating an object's numeric properties over time.
CSS Animations
A feature defining style animation through keyframes and playback properties.
Web Animations API
An API for controlling DOM animation timing, playback, and cancellation through scripts.
GSAP ScrollTrigger
A GSAP plugin connecting scroll position with animation playback, pinning, and related behavior.
GSAP Flip
A plugin building FLIP transitions from layout differences before and after a state change.
QIcon
A Qt class providing widgets with icon representations appropriate to size and state.
QMovie
A Qt class reading and playing frame animation from supported image formats.
QSvgRenderer
A class rendering SVG data through Qt's painting system.
QPropertyAnimation
A Qt animation class changing QObject property values over time.
QVariantAnimation
A class interpolating supported value types and emitting value-change signals.
QEasingCurve
A class specifying easing curves for Qt animations.
QParallelAnimationGroup
A group executing multiple animations simultaneously.
QSequentialAnimationGroup
A group executing multiple animations in sequence.
Qt Quick Animation
A system composing interface motion from QML properties, states, and transitions.
Tkinter after / Canvas
A basic animation approach using scheduled event-loop callbacks to update Canvas shapes or other elements.
Kivy Animation
An API applying duration-, easing-, and sequence-based animation to widget properties.
Unity Particle System
Unity's particle feature configuring emission, evolution, and rendering through modules.
Unity Visual Effect Graph
A Unity package authoring large-scale visual effects through node graphs.
Niagara
Unreal Engine's VFX system composing real-time effects from systems, emitters, modules, and parameters.
Godot GPUParticles2D / GPUParticles3D
Godot nodes for GPU-processed 2D and 3D particles.
Godot CPUParticles2D / CPUParticles3D
Godot nodes for CPU-processed 2D and 3D particles.
Godot AnimationPlayer
A node playing animation tracks for properties, function calls, and other targets.
Godot AnimationTree
A node controlling AnimationPlayer animations through blending and transitions.
Godot Tween
A tweening feature defining time-based property changes and callbacks through code.
Effekseer
A tool authoring game particle effects and integrating them with multiple runtimes.
PopcornFX
A VFX product family providing an effect editor, simulation, runtimes, and engine integrations.
three.quarks
A library building particle, trail, and related effects in Three.js.
Three.js TransformControls
An add-on control for manipulating a 3D object's position, rotation, and scale.
drei GizmoHelper
A drei component supporting placement and interaction of viewport orientation gizmos.
ImGuizmo
A library providing 3D transformation gizmos for Dear ImGui-based tools.
PixiJS ParticleContainer
A container designed to efficiently draw large numbers of particle-like graphics.
Default State
The baseline presentation state without a special interaction or exception.
Checked State
The selected state of a checkable control, such as a checkbox or radio button.
Unchecked State
The unselected state of a checkable control.
Mixed State
The state in which only some associated child items are selected.
Busy State
The state of currently processing an update or operation.
Expanded State
The state in which associated child content or a panel is open.
Collapsed State
The state in which child content is folded away or closed.
Dragging State
The state during an interaction that drags an item to move or reorder it.
Drop Target State
The active state of a region that can receive the item being dragged.
Invalid State
The state in which an input fails its applicable validation rules.
Valid State
The state in which an input passes the specified validation scope.
Visited State
The state applied to a link that the user has visited previously.
Horizontal Bar Chart
Places categories on the vertical axis and encodes values as horizontal lengths.
Grouped Bar Chart
Places series side by side within each category.
100% Stacked Bar Chart
Normalizes each category to 100% to compare composition.
Diverging Bar Chart
Extends values on opposite sides of a meaningful baseline.
Lollipop Chart
Uses a dot for value and a thin stem to the baseline.
Dot Plot
Compares category values using dot positions on a shared scale.
Dumbbell Chart
Connects two values per category to emphasize their difference.
Slope Chart
Connects each entity across two time points to show change.
Bump Chart
Tracks changes in rank over multiple time points.
Bullet Chart
Combines an actual-value bar, a target marker and performance bands.
Pareto Chart
Pairs descending bars with a cumulative percentage line.
Multi-series Line Chart
Compares several series on a shared time axis.
Step Chart
Shows a value holding steady until it changes at an event.
Stacked Area Chart
Shows total size and series contributions over time as stacked areas.
Streamgraph
Arranges time-series layers around a varying central baseline.