Indent Text ByColumn
A powerful text component that lets you split content into columns with flexible indentation and smooth animations. Perfect for headlines, hero sections, and editorial layouts.
Made with Workshop
Build your own component with AI
About this Component
Indent Text By Column gives you full creative control over how text is displayed inside your designs. Instead of being stuck with plain text blocks, this component introduces a multi-column layout system with advanced animation options.
Features you get:
Column Control: Easily split text into 1–12 columns, adjust gaps, and set indent depth per column.
Flexible Styling: Choose font, color, padding, and text tags (p, h1–h6) to match your design system.
Smart Masking: Toggle masking to control how text flows and clips.
Interactive Animations: Enable entrance animations with triggers like On Load, On Hover, On Click, or On In View.
Replay & Threshold: Customize replay behavior and set visibility percentage for scroll animations.
Stagger Effects: Animate text by character, word, or line with precise timing.
Custom Animation Controls: Fine-tune opacity, scale, blur, rotation, skew, and offsets — all individually toggled.
Transitions: Smooth motion with fully configurable easing and duration.
This makes it perfect for hero banners, editorial layouts, presentations, or storytelling websites where text isn’t just content — it becomes part of the design.
