View all expressions
Conditional

Responsive Text Layout (with Slider Controls)

Simulates responsive text box layouts like in Figma or web design tools. Lets you control and animate the width of the text box using a slider, and automatically scales the font and line spacing to fit cleanly.

Contributed by:


// Add to Source Text
textSize = effect("Font Size")("Slider");
targetWidth = effect("Text Box Width")("Slider");
textLeading = effect("Leading")("Slider");
originalBoxWidth = 1920;
boxScale = targetWidth / originalBoxWidth;
text.sourceText.style.setFontSize(textSize / boxScale).setLeading(textSize * textLeading / boxScale);
// Add to Scale
targetWidth = effect("Text Box Width")("Slider");
originalBoxWidth = 1920;
boxScale = targetWidth / originalBoxWidth;
value * boxScale;

Responsive Text Layout (with Slider Controls)

Practical use case

Perfect for creating dynamic titles, captions, or UI layouts where you want to control the text container width manually. Great for building resizable lower-thirds or templates with flexible layouts.

Check out similar expressions

Conditional

Animated Responsive Text Box

Great for lower-thirds, labels, or expanding buttons that grow to fit the text inside - while still looking smooth and animated.

See expression
Conditional

Font Size Based on Character Count

Perfect for templates where the text input can vary in length, such as dynamic names, titles, or personalized data fields.

See expression
Conditional

Responsive Text Layout Based on Composition Width

Ideal for video templates and automation setups with multiple aspect ratios. Ensures text always fits within the comp without needing to adjust anything manually across versions.

See expression
Conditional

Responsive Text Layout (with Slider Controls)

Perfect for creating dynamic titles, captions, or UI layouts where you want to control the text container width manually. Great for building resizable lower-thirds or templates with flexible layouts.

See expression
Conditional

Responsive Rectangle Based on Comp Size

Great for creating full-screen backgrounds, safe zones, responsive overlays, or any layout element that needs to stretch exactly across the comp.

See expression
Conditional

Dynamic Drop Shadow Based on Light Source

Useful for motion design with realistic lighting, making shadows move dynamically with light sources.

See expression

Data-driven video workflows for After Effects are easier with Plainly.

Try 14 days free
Book A Demo
a mesh of elegant lines transparent image