Indent Text By Column

Indent Text By Column gives you full creative control over how text lives inside your design.
No more boring text blocks. This component turns typography into a layout system with motion baked in.

What You Get

Column Control

Split text into 1 to 12 columns.
Adjust column gaps.
Set custom indent depth per column.

Flexible Styling

Full control over font, color, padding.
Choose semantic tags: p, h1 to h6.
Plug it straight into your design system.

Smart Masking

Toggle masking on or off.
Control how text flows and clips inside its container.

Interactive Animations

Trigger animations on load, hover, click, or when in view.
Built for interaction, not decoration.

Replay & Threshold

Decide if animations replay.
Set visibility percentage for scroll-based triggers.

Stagger Effects

Animate by character, word, or line.
Dial in timing with precision.

Custom Animation Controls

Individually toggle and fine-tune: Opacity
Scale
Blur
Rotation
Skew
X and Y offsets

Transitions

Smooth motion with customizable easing and duration.
Looks premium. Feels intentional.

Perfect For

Hero sections
Editorial layouts
Presentations
Storytelling websites

When text is part of the design, not just filler, this is the move.

Refund Policy

All digital purchases are final.
No returns. No refunds.